Question

我在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完成，但我需要以这种方式实现它。请问你能帮帮我吗。感谢。

Answer 1

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

请检查此信息并告知我们是否能解决您的问题。

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

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

此外，在IE浏览器中如果你jus隐藏SWF对象，那么有可能在后台播放。所以，如果你不再需要那么，最好的办法就是从div中移除完整的玩家。

所以，当我不想要那个时，我从玩家div中删除了SWF对象。

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

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

在按钮上显示图像，点击YouTube视频

1 个答案: