JQuery UI всплывающее видео YouTube модально - PullRequest
Новая
       32

JQuery UI всплывающее видео YouTube модально

1 голос
/ 26 декабря 2010

Есть ли способ использовать jQueryUI для модального отображения видео на YouTube?

Вот код YouTube, который у меня есть: 

<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/DIuXtsaUDmM?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DIuXtsaUDmM?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>

Ответы [ 3 ]

6 голосов
/ 26 декабря 2010

Вы можете попробовать изменить этот код ниже, чтобы он соответствовал вашему сценарию. Я использовал вашу ссылку на видео.Вам также нужно будет загрузить файлы jquery. 

<html>
<head>
<title> Youtube Popup</title>
<link type="text/css" href="jquery-ui-1.8.7.custom.css" rel="stylesheet" />
<script language="javascript" src="jquery-1.4.4.min.js"></script>
<script language="javascript" src="jquery-ui-1.8.7.custom.min.js"></script>


<script>
    function Show() {

        $( "#dialog:ui-dialog" ).dialog( "destroy" );

        $( "#dialog-modal" ).dialog({
            height: 470,
                        width: 550,
            modal: true
        });
    }
    </script>

</head>

<body>

<div id="dialog-modal" Title="Youtube Video" style="display:none">

<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/DIuXtsaUDmM?

fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" 

value="always"></param><embed src="http://www.youtube.com/v/DIuXtsaUDmM?fs=1&amp;hl=en_US" type="application/x-

shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>

</div>

<input type="button" onclick="javascript:Show()" value="click me" />

</body>

</html>

Надеюсь, это поможет

4 голосов
/ 26 декабря 2010

Вы всегда можете использовать fancybox или что-то подобное.

1 голос
/ 26 декабря 2010

Вы можете использовать скрипт swfobject для встраивания flash-объекта в модальное всплывающее окно.

Используйте событие открытия диалога, чтобы прикрепить обработчик, который встраивает флэш-фильм: 

$( ".selector" ).bind( "dialogopen", function(event, ui) {
    // use swfobject to include flash movie to
    // container within diaglog
});
...