html5 視頻 100% 寬度和高度通過 javascript

Question

我怎樣才能實現這樣的事情http://themenectar.com/demo/salient-agency/ ？

基本上它是一個適合整個屏幕尺寸的響應式視頻。 我試過但沒有成功，我的問題是視頻不適合整個屏幕尺寸（如參考網站）

我看到了那個網站，我想我必須使用 javascript 來給出尺寸

這是我對 codepen 的測試http://codepen.io/mp1985/pen/YyawvO

jQuery(document).ready(function($) {
      function setHeight() {
        windowHeight = $(window).innerHeight();
        windowWidth = $(window).innerWidth();

        $('.video-wrap, video').css('height', windowHeight);
        $('.video-wrap, video').css('width', windowWidth);

      }

      setHeight();

      $(window).resize(function() {
        setHeight();
      });
    });

非常感謝

Answer 1

您可以使用此插件之一

http://dfcb.github.io/BigVideo.js/

http://vodkabears.github.io/vide/

https://github.com/matthojo/videojs-Background

如果您以前沒有使用插件的經驗，請記住在插件腳本之前包含jquery腳本