Maximize 2.0 - HTML5 视频随机启动答案

【问题标题】：Maximage 2.0 - HTML5 Video random startMaximize 2.0 - HTML5 视频随机启动
【发布时间】：2013-09-05 16:56:20
【问题描述】：

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

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

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

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

【问题讨论】：

标签： javascript jquery jquery-plugins html5-video

【解决方案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
          }
    });

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

【讨论】：