Javascript 如何在div中播放bigvideo.js

Javascript 如何在div中播放bigvideo.js,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我已经按照bigvideo.js上的说明进行了操作,但它不会工作 我可以这样显示视频: 即使在删除默认脚本时也有效: <script> $(function() { var BV = new $.BigVideo(); BV.init(); BV.show('http://vjs.zencdn.net/v/oceans.mp4'); }); </script> $(函数(){ var BV=new$

我已经按照bigvideo.js上的说明进行了操作,但它不会工作

我可以这样显示视频:


即使在删除默认脚本时也有效:

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

$(函数(){
var BV=new$.BigVideo();
BV.init();
BV.show('http://vjs.zencdn.net/v/oceans.mp4');
});
大多数在线文档都将后者作为如何使用bigvideo.js的示例。它不适合我,它应该成为背景视频。如何将其配置为在div上显示,如以下示例所示:


尝试将
容器传递给BigVideo,如下所示:

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

第一个标记只是一个html视频标记,它不是将视频用作标题的理想解决方案


解决方案

主要的问题是依赖性,在我的特殊情况下,我丢失了video.js。最好与bower一起安装:

bower install BigVideo.js

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

它一直不起作用,你是用鲍尔安装的吗?或者手动下载所有依赖项等?
bower install BigVideo.js