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