1

我在有一张图片的网站上工作。单击该图像会打开一个 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>
4

0 回答 0