Question

我希望做一些非常简单的事情，但没有在网上找到任何正确解决问题的方法。

我在弹出窗口中加载了HTML5视频。当用户关闭弹出窗口时，视频会继续播放。由于它是一个带有控件的短视频，我对它是停止还是暂停无动于衷，但我找不到任何可以实现这一点的事情。

代码如下所示：

<video id="myVid" height="510">
<source src="http://thisisanexample.com/mobile.mp4" type="video/mp4">
<source src="http://thisisanexample.com/mobile.ogv" type="video/ogg">

<object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="700" height="467">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="config={'playlist':[{'url':'http://thisisanexample.com/mobile.mp4','autoPlay':true}]}" />
<img alt="" src="" width="700" height="467" title="No video playback capabilities" />
</object>

Answer 1

您未使用HTML5视频。 HTML5视频使用<video>标记。你有什么内容是Flash嵌入。

http://en.wikipedia.org/wiki/HTML5_video

编辑＃1：原始问题没有适当的视频标签。回答最明显的问题：

我猜你在隐藏灯箱之前正在做$('#myVid').pause()。您需要执行$('#myVid')[0].pause()，因为pause()未在jQuery中定义。

编辑＃2：如果要暂停Flash视频（使用Flowplayer），则需要使用Flowplayer API。 http://flash.flowplayer.org/documentation/scripting.html

无法使用jQuery停止/暂停Flash HTML5视频后备

1 个答案: