我正在网站上工作,我有一张图片。单击该图像可打开jQuery对话框。在此对话框中,我打开iframe,iFrame的src是YouTube视频网址。我希望当视频停止时,页面应自动重定向到联系我们页面。
以下是当有人点击视频图片时我用来打开对话的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>