如何弹出一个jquery窗口来播放youtube视频？

Question

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

Answer 1

用于显示弹出窗口的功能或插件可能与用于显示视频的功能或插件不同.在这个例子中,我使用jQuery Tools的Overlay Plugin来显示模态,然后使用swfobject来显示YouTube Flash Player.或者,您可以使用具有Flash后备功能的HTML5视频播放器来显示视频,但您仍然需要先将其弹出模式.

<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>