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 に答える