我在有一张图片的网站上工作。单击该图像会打开一个 jQuery 对话框。在此对话中,我打开 iframe,iFrame 的 src 是 YouTube 视频 URL。我希望当视频停止时,页面应该自动重定向到联系我们页面。
下面是当有人点击视频图像时我用来打开对话的 JavaScript 代码。
<script type="text/javascript" >
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
position:['',100],
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "fade",
duration: 1000
}
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
$("#vieoplayId").attr("src","http://www.youtube.com/embed/T6DJcgm3wNY?autoplay=1");
});
});
下面是 HTML 代码
<div id="dialog">
<div id="dialog1">
<iframe id="vieoplayId" src="about:blank" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
</div>
<div class="video_container">
<img src="../images/img1.jpg" id="opener" style="cursor:pointer;">
</div>