BigVideo：如何在视频下隐藏控制选项

我目前使用BigVideo.js将我的vid显示为背景;但是，在我的视频下会显示多种选择表单。BigVideo：如何在视频下隐藏控制选项

他们从VJS-tracksettings类的到来，如 '窗口颜色VJS-tracksetting'。并不是所有的vjs-tracksettings都需要关闭，因为它也包含视频。

我有一种预感，要关闭它，我需要关闭某些组件选项（https://github.com/videojs/video.js/blob/master/docs/guides/options.md），但我不确定如何通过BigVideo来完成。另外，我的直觉是它在控制栏内（https://github.com/videojs/video.js/blob/master/docs/guides/components.md）。

或者它与textTrackDisplay有关。

任何光线都会帮助！我一直坚持这一点。我也知道你应该把它放在body标签的末尾，但由于某种原因，它在那里不起作用。）

编辑：我附上了一张在评论中看起来像的图片

我在这里附上我的html。如果需要任何css/js文件，请告诉我！

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 


    <!-- Include src files --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
     <script>window.jQuery || document.write('<script src="bower_components/jquery/dist/jquery.min.js"><\/script>')</script> 
     <script src="bower_components/jquery-ui/jquery-ui.min.js"></script> 
     <script src="bower_components/imagesloaded/imagesloaded.pkgd.min.js"></script> 
    <!-- BigVideo -->  
    <script src="bower_components/video.js/dist/video-js/video.js"></script> 


     <script src="bower_components/BigVideo.js/css/bigvideo.css"></script> 
    <script src="bower_components/BigVideo.js/lib/bigvideo.js"></script> 



    <!-- Basic Page Needs 
    –––––––––––––––––––––––––––––––––––––––––––––––––– --> 
    <meta charset="utf-8"> 
    <title>Page Title</title> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 

    <!-- Mobile Specific Metas 
    –––––––––––––––––––––––––––––––––––––––––––––––––– --> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 


    <!-- CSS 
    –––––––––––––––––––––––––––––––––––––––––––––––––– --> 
    <link rel="stylesheet" href="css/normalize.css"> 
    <link rel="stylesheet" href="css/skeleton.css"> 

    <!-- Favicon 
    –––––––––––––––––––––––––––––––––––––––––––––––––– --> 
    <link rel="icon" type="image/png" href="images/favicon.png"> 
    </head> 
    <body> 

    <!-- Primary Page Layout 
    –––––––––––––––––––––––––––––––––––––––––––––––––– --> 
    <div class="container"> 
     <div id="hello" > 

      <script type="text/javascript"> 
      $(function() { 
       var options = { 
       controls: false, 
       doLoop: true, 
       useFlashForFirefox: false, 
       poster: "initialVid.png", 
       } 
       var BV = new $.BigVideo(options); 
       BV.init(); 
       BV.show([ 
       { type: "video/webm", src: "forest_ski.webm"}, 
       { type: "video/mp4", src: "forest_ski.mp4"} 
       ]); 
      }); 
      </script> 
     </div> 
    </div> 

    <!-- End Document 
    –––––––––––––––––––––––––––––––––––––––––––––––––– --> 
    </body> 
    </html>

来源

2015-02-24 xulander

http://imgur.com/woQfkLY这里有一张照片来帮助展示它的外观。图片的顶部是视频的底部 – xulander 2015-02-24 10:37:17

没关系，我已经解决了这个问题。因为我没有把bigvideo.css称为css文件。如果有人遇到过这个问题，那就是你的问题！

来源

2015-02-24 18:44:19 xulander

BigVideo：如何在视频下隐藏控制选项

回答

相关问题