YouTube iframe 嵌入未以高清开始 [英] YouTube iframe embed not starting in HD

问题描述

我正在尝试嵌入高清 YouTube 视频，但无论我尝试什么，它似乎都只能加载 480p 版本.

I'm trying to embed an HD YouTube video but no matter what I try, it only ever seems to load the 480p version.

根据 YouTube 的说法，嵌入高清视频就像在 URL 中添加 hd=1 一样简单:

According to YouTube, embedding an HD video is as simple as adding hd=1 to the URL:

<iframe src="//www.youtube.com/embed/{videoId}?hd=1" width="960" height="720"  frameborder="0" allowfullscreen></iframe>

但是，这似乎不起作用，至少在我的 iframe 实现中:

This, however, does not seem to be working, at least in my implementation of the iframe:

<iframe id="video-player" width="960" height="720" src="//www.youtube.com/embed/{videoId}?enablejsapi=1&autoplay=1&rel=0&modestbranding=1&showinfo=0&showsearch=0" frameborder="0" allowfullscreen></iframe>

Javascript API 也是如此:

The same is true with the Javascript API:

HTML:

<div id="video-player"></div>

JS:

    var player;
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('video-player', {
            height: '720',
            width: '960',
            videoId: '{videoId}',
            playerVars: {
                'controls': 1,
                'autoplay': 1,
                'hd': 1
            },
            events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
            }
        });
    }

    function onPlayerReady(event) {
        player.playVideo();
    }

推荐答案

使用这个参数:

vq=hd1080

示例:

<iframe src="https://www.youtube-nocookie.com/embed/SzTdgE04uA8?vq=hd1080" width="853" height="480"></iframe>

这篇关于YouTube iframe 嵌入未以高清开始的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！