Question

我正在努力将一些带有Flash回退的HTML5视频合并到一个在线视频库中 - 我正在使用swfObject来嵌入Flash，并且它在预期的浏览器中运行得非常好。 HTML5片段也在运行，但是......

我正在使用prettyPhoto插件在点击导航图像时显示视频。适用于两种格式。
一旦显示prettyPhoto弹出框，Flash就会自动播放，并且工作正常。
HTML5视频广告加载视频并正确显示，点击播放按钮后，在兼容的浏览器中播放效果良好。
但是，如果我将HTML5设置为自动播放，视频将在加载后立即开始播放，无论它是否显示在屏幕上。例如，您加载页面，不要单击视频的相应图像，然后开始播放，隐藏在prettyPhoto中。

任何人都知道如何自定义视频标签的自动播放参数？一旦它在prettyPhoto窗口弹出，我只想让它自动播放。代码：

<div id="video_nav">
 <ul>
  <li><a class="switch2 two" href="#inline1" rel="prettyPhoto"><span>two</span></a></li>
 </ul> 
</div>
<div id="inline1" class="hide">
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
  <script type="text/javascript">
            $(document).ready(function () {
                var v = document.createElement("video"); // Are we dealing with a browser that supports <video>? 
                if (!v.play || $.browser.mozilla || $.browser.opera) { // If no, or Firefox or Opera, use Flash.

                    var attributes = {};
                    swfobject.embedSWF("video/testy.swf", "flash", "500", "305", "9.0.0", "expressInstall.swf", attributes);
                }
            });
        </script>
        <div id="flash">
    <video id="demo-video" controls>
      <source src="video/export.mp4" type="video/mp4" > <!-- MPEG4 for Safari -->
             </video>
        </div> 
</div>

Answer 1

你有没有找到VideoJS？它处理HTML5视频和Flash后备所涉及的所有恶意。

Answer 2

你试过了吗？

changepicturecallback

包含在prettyphoto中并添加类似

的内容

$('#videoId').get(0).play()

或者

$('#videoId').attr({'autoplay':'true'});

来自here。

HTML 5视频标签自动播放自定义

2 个答案: