2014-03-29 108 views
0

我期待着做一些应该很简单的事情,但在网上找不到任何东西来正确解决问题。无法停止/暂停使用jQuery的Flash HTML5视频回退

我在弹出窗口中加载了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> 

回答

0

您没有使用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

+0

它实际上是HTML5视频,编辑剥去了包含视频。您看到的代码是我想要控制的后备, – user2475274

+0

正确。我已经更新了答案,以回答您可能遇到的最明显的问题。否则,你可能需要发布你的Javascript来显示你正在尝试做什么。还有一点要提到的是,你错过了一个关闭''的标签。 – Jahed

+0

我已经有了它,它可以用于HTML5视频,而不是闪回。 – user2475274