0

我在 youtube 视频上使用图像。在图像上单击 (#imageID) 会显示视频。现在我有一个问题如何停止视频,将其反转回起始位置(0:00)并在按钮单击(#stop_replace)时再次在视频上显示图像。

HTML:

<div id="ytapiplayer2" style="display:none;">
    <object width="600" height="375">
        <param name="movie" value="http://www.youtube.com/v/WSulgIt-Q_c?fs=1&hl=en_US&rel=0&autoplay=1"></param>
        <param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
        <embed src="http://www.youtube.com/v/WSulgIt-Q_c?fs=1&hl=en_US&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="375"></embed>
    </object>
</div>

<img src="image.jpg" id="imageID" />
<img src="button_image.jpg" id="stop_replace" />

JavaScript/Jquery:

$('#imageID').click(function() {
$('#ytapiplayer2').show();
$('#imageID').hide();
});

jsfiddle 上的代码:http: //jsfiddle.net/AdUvY/6/。我知道这也可以使用 iframe 来完成,但我需要以这种方式实现它。请问你能帮帮我吗。谢谢。

4

1 回答 1

1

我为您创建了一个示例演示。

请检查一下,如果它可以解决您的问题,请告诉我。

演示:http: //jsfiddle.net/codebombs/Rpgkk/2/

在这里,我使用来自http://jquery.thewikies.com/swfobject/的 jQuery SWFObject 插件。这允许我们编写简单的代码来嵌入 SWF 对象。

此外,在 IE 浏览器中,如果您只是隐藏 SWF 对象,则有可能在后台播放。所以,最好的办法是从 div 中删除完整的播放器,如果你不再需要它的话。

因此,当我不想这样做时,我从播放器 div 中删除了 SWF 对象。

这会自动允许我们在需要时从开始启动播放器。

如果需要任何修改,请告诉我。

于 2012-08-05T09:59:57.113 回答