的解决方案

Question

我已按照bigvideo.js site上的说明操作，但无效。

我能够以这种方式展示视频：

     <video id="big-video-vid_html5_api" preload="auto" 
data-setup="{}" webkit-playsinline="" autoplay=""
 src="assets/vids/dock.mp4" loop></video>

即使删除默认脚本也能正常工作：

<script>
    $(function() {
        var BV = new $.BigVideo();
        BV.init();
        BV.show('http://vjs.zencdn.net/v/oceans.mp4');
    });
</script>

大多数在线文档都以后者为例介绍如何使用bigvideo.js。它对我不起作用，它应该成为背景视频。如何配置它以显示在这些示例上的div：

https://asana.com/

http://riskeverything.us/

Answer 1

尝试将container传递给BigVideo，如下：

$(function() {
    BV = new $.BigVideo({container: $('#your_div_element_id')});
    BV.init();
    BV.show('http://vjs.zencdn.net/v/oceans.mp4');
});

Answer 2

第一个标签只是一个html视频标签，这不是将视频用作标头的理想解决方案。

<强>

的解决方案

主要问题是依赖关系，在我的特定情况下，我错过了video.js。最好安装凉亭：

bower install BigVideo.js

这将自动下载所有依赖项。我在视频中遇到的另一个问题是坚持背景。这是因为bigvideo css，它使用了css位置：绝对。

如何在div中播放bigvideo.js

2 个答案:

的解决方案