Asp.net 如何弹出jquery窗口来播放youtube视频？

我需要这个视频自动播放。这将是很好的，这段代码可以播放视频从其他来源，如雅虎等。。也可以使用HTML5而不是jquery吗？

查看演示，用于显示弹出窗口的功能或插件可能与用于显示视频的功能或插件不同。在本例中，我使用显示模式，然后使用显示YouTube Flash播放器。或者，您可以使用显示视频，但仍然需要它首先弹出您的模式

<a href="http://www.youtube.com/v/2cxqZiWyW3g&hl=en_US&fs=1&autoplay=1"
    class="video-link">Video 1</a>
<a href="http://www.youtube.com/v/607RMNoJfl4&hl=en_US&fs=1&autoplay=1"
    class="video-link">Video 2</a>

<div class="modal" id="video-modal">
    <div id="video-container" style="width: 425px; height: 344px;"></div>
</div>

<script language="javascript" type="text/javascript">

    $(function() {
        var videoModal = $('#video-modal').overlay({
            expose: {
                color: 'black',
                loadSpeed: 200,
                opacity: 0.85
            },
            closeOnClick: true,
            api: true
        });

        $('.video-link').click(function() {
            videoModal.load();

            var videoUrl = $(this).attr('href');
            var flashvars = {};
            var params = {
                allowFullScreen: "true",
                allowscriptaccess: "always"
            };
            var attributes = {};

            swfobject.embedSWF(videoUrl, 'video-container', '425', '344', '9.0.0', '', flashvars, params, attributes);

            return false;
        });
    });

</script>

$（函数（）{
var videoModal=$（“#视频模式”）.overlay({
揭露：{
颜色：'黑色'，
装载速度：200，
不透明度：0.85
},
closeOnClick：没错，
api：正确
});
$（'.video link'）。单击（函数（）{
videoModal.load（）；
var videoUrl=$（this.attr（'href'）；
var flashvars={}；
变量参数={
allowFullScreen：“真”，
allowscriptaccess：“始终”
};
var属性={}；
嵌入swf（videoUrl，'video container'，'425'，'344'，'9.0.0'，''，flashvars，params，attributes）；
返回false；
});
});

是一个纯JavaScript库，在灯箱中显示图像和视频

出于您的目的，您需要使用一个特殊的“rel”属性标记YouTube链接，然后视频将在弹出的灯箱中打开。

是一个很棒的jQuery插件，因为它提供了许多不同的选项，其中一个是显示外部内容：

// Display an external page using an iframe
var src = "http://365.ericmmartin.com/";
$.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
    closeHTML:"",
    containerCss:{
        backgroundColor:"#fff",
        borderColor:"#fff",
        height:450,
        padding:0,
        width:830
    },
    overlayClose:true
});

//使用iframe显示外部页面
var src=”http://365.ericmmartin.com/";
$.modal（“”{
关闭HTML:“”，
集装箱船：{
背景颜色：“fff”，
边框颜色：“fff”，
身高：450，
填充：0，
宽度：830
},
套圈：对
});

---

有一系列关于将SimpleModel与Asp.Net集成为自定义确认对话框的教程。他演示了如何创建出色的客户端功能以及如何回发到服务器。这确实帮助我了解了如何最好地将jQuery与ASP.Net集成。

谢谢，DavGarcia！你知道如何自动播放视频吗？此代码仅弹出youtube视频，但用户必须单击它才能播放。此示例在youtube URL的结尾处有&autoplay=1，它应该在视频加载到播放机后立即启动。我尝试了此示例，但它没有覆盖，也没有播放视频。为什么？问题是用asp.net标记的。所以-1@piemesons-Prettypto的作者还发布了一个纯JavaScript库，可以与asp.net一起使用——所以我仍然相信它是相关的。