jquery ui 以模态方式弹出 YouTube 视频 [英] jquery ui popup a YouTube Video modally
本文介绍了jquery ui 以模态方式弹出 YouTube 视频的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
有没有办法使用 jQueryUI 以模态方式弹出 YouTube 视频?
Is there a way to use jQueryUI to popup a YouTube video modally?
这是我的 YouTube 代码:
Here's the YouTube code I have:
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/DIuXtsaUDmM?fs=1&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&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
推荐答案
您可以尝试修改下面的代码以适应您的场景.. 不过我已经使用了您的视频链接.您还必须下载 jquery 文件.
You can try modifying this code below to fit your scenario .. i've used your video link though. You'll have to download the jquery files as well.
<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&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&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>
希望对你有帮助
这篇关于jquery ui 以模态方式弹出 YouTube 视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
