html5视频100%宽度&；通过javascript实现高度

我怎样才能做到这一点

基本上，这是一个反应灵敏的视频，适合整个屏幕尺寸。 我尝试过，但没有成功，我的问题是视频不适合整个屏幕大小（如参考网站）

我看到了那个网站，我想我必须使用javascript来提供维度

这是我对代码笔的测试

---

非常感谢

您可以使用其中一个插件

---

如果您以前没有使用插件的经验，请记住在使用插件脚本之前加入

jquery

scriptplugin script

您只想要视频，而不是那种翻转效果？您必须裁剪视频，或者换句话说，保持视频的比例，并调整缺少最多的宽度/高度，然后让其余的部分溢出屏幕，像这样->@NenadVracar我不想要翻转效果，我希望视频响应并适应屏幕大小。谢谢@adeneo，你看过网站了吗？视频似乎更具响应性，你的代码似乎裁剪了视频我看过网站，它确实裁剪了视频，这是保持比率并使其溢出的唯一方法。谢谢，但我不希望仅在这些范围内使用插件，我认为这不是一个大问题，但目前我还不知道该怎么做。我强烈建议使用插件来实现这一点，但由你决定。

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();
      });
    });