javascript - 如何在 div 中播放 bigvideo.js

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