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 回答