在youtube视频中单击按钮显示图像

Show image on button click for the youtube video

本文关键字：显示 显示图 图像 按钮 单击 youtube 视频      更新时间：2023-09-26

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

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

请检查一下，如果它能解决你的问题，请告诉我。

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

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

此外，在IE浏览器中，如果你选择隐藏SWF对象，那么就有机会在后台播放。所以，如果您不再需要的话，最好的办法就是从div中删除完整的播放器。

所以，当我不想要的时候，我从播放器div中删除了SWF对象。

这自动允许我们在需要的时候启动玩家。

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

相关文章：