1

我一直在使用 jquery ui 的对话框弹出框在其中放置一个 youtube 视频....

它工作得很好，但我想要的是当用户在你的管视频上点击播放时......如果他们点击 x 关闭开箱......视频停止播放但是当我重新打开盒子时盒子又是空的

所以我的问题是我该怎么做才能让当用户关闭开箱时视频停止播放，他们可以重新打开盒子再次观看视频

继承人的html

  <h2 class="demoHeaders">Dialog</h2>
  <p><a href="#" id="dialog-link" class="ui-state-default ui-corner-all"><span class="ui-          icon ui-icon-newwin"></span>Open Dialog</a></p>

   <!-- ui-dialog -->
   <div id="dialog" title="Dialog Title">
<iframe width="560" height="315" src="http://www.youtube.com/embed/7Lmxmh9zDEk"   frameborder="0" allowfullscreen></iframe>
   </div>

这是jquery

$(function() {


    $( "#dialog" ).dialog({
        autoOpen: false,
        width: 400,
        buttons: [
            {
                text: "Ok",
                click: function() {
                    $( this ).dialog( "close" );
                }
            },
            {
                text: "Cancel",
                click: function() {
                    $( this ).dialog( "close" );
                }
            }
        ]
    });

    // Link to open the dialog
    $( "#dialog-link" ).click(function( event ) {
        $( "#dialog" ).dialog( "open" );
        event.preventDefault();
    });

            $(".ui-icon-closethick").click (event) ->
        event.preventDefault()
       $("#video").remove()

这是小提琴的链接http://jsfiddle.net/QBKzH/1/

谢谢你们的帮助！

4

1 回答 1

2

我遇到过同样的问题。我从我的嵌入中抓取了 url，并在事件点击时将其附加，并在模式关闭时将其分离。我相信你可以在你的 iframe 中做同样的事情。

给你的 iframe 一个 id

<iframe id="video" />或者其他的东西

$('#dialog-link').on("click", function(e) {
    e.preventDefault();

            // Set video url
    var videoSourceLink = 'http://www.youtube.com/embed/7Lmxmh9zDEk';

            // Attach video link
    $('#video').attr('src', videoSourceLink);

    $('#dialog').dialog({
        modal: true,
        width:658,
        height:404,
        resizable: false,
        open: function(){
            $('.ui-widget-overlay').bind('click',function(){
                $('#video').removeAttr('src');  
                $('<don't remember what this select is').dialog('close');                
            });
        }                   
    });
});
于 2013-02-27T23:28:29.017 回答