强制YouTube视频在Fancybox中播放HD

时间:2012-10-04 10:49:56

标签: jquery html5 youtube fancybox

我已经设置了Fancybox用于在弹出窗口中打开YouTube视频,我终于让它与iPad和iPhone一起工作了。现在,尽管弹出窗口的宽度和高度,是否有可能迫使YouTube在弹出窗口内以最高清晰度播放视频?我已经在视频链接中设置了hd = 1,但这似乎不起作用。

这是我的代码:

<script type="text/javascript">

    $(document).ready(function() {
        $(".fancyYouTube").click(function() {
            $.fancybox({
                'type' : 'iframe',
                'padding' : 0,
                'autoscale' : false,
                'transitionIn' : 'elastic',
                'transitionOut' : 'elastic',
                'title' : '',
                'width' : 853,
                'height' : 480,
                'href' : this.href.replace(new RegExp('youtu.be', 'i'), 'www.youtube.com/embed').replace(new RegExp('watch\\?v=', 'i'), 'embed/'),
                });
                return false;
        });
    });

</script>


<a class="fancyYouTube" href="http://youtu.be/vn9bofoCYmE?hd=1"><img src="http://i4.ytimg.com/vi/7-z939fbbvw/mqdefault.jpg"/></a>

谢谢!

1 个答案:

答案 0 :(得分:0)

您可以轻松地将&amp; autoplay = 1&amp; hd = 1附加到视频网址。