javascript - Maximize 2.0 - HTML5 视频随机启动

Question

我开始使用这个很棒的插件：http ://blog.aaronvanderzwan.com/2012/07/maximage-2-0/

问题是，当到达包含视频的幻灯片时，有时它不会启动（至少在铬中）。没有抛出错误，这似乎是关于视频加载的随机行为。

知道是否有办法继续触发浏览器检测或尝试使用某些插件选项/控件强制播放视频？

另外，我找不到在页面上添加播放按钮以播放/暂停视频的方法...

Answer 1

找到它，你需要获取你的元素，然后调用 play() 函数：

视频的 html ：

    <video id="vid_1" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360">
        <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
        <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" />
        <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" />
        Your browser does not support HTML5 videos.
    </video>

然后获取视频元素并触发播放：

    //video play button
    $('.play_button').click(function(){
          var video =  $('video#vid_1').get(0); //get the native browser source
          if (video.paused) {
                video.play(); //if paused, play
          }
          else{
                video.pause(); //if playing, pause
          }
    });

所以基本上你可以随时调用它......