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屋!
查看全文