相关疑难解决方法(0)

YouTube iframe嵌入式无法以高清格式启动

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

据YouTube称,嵌入高清视频就像添加hd=1到网址一样简单:

<iframe src="//www.youtube.com/embed/{videoId}?hd=1" width="960" height="720"  frameborder="0" allowfullscreen></iframe>
Run Code Online (Sandbox Code Playgroud)

然而,这似乎并没有起作用,至少在我的实现中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>
Run Code Online (Sandbox Code Playgroud)

Javascript API也是如此:

HTML:

<div id="video-player"></div>
Run Code Online (Sandbox Code Playgroud)

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();
    }
Run Code Online (Sandbox Code Playgroud)

embed youtube iframe youtube-api

42
推荐指数
4
解决办法
9万
查看次数

标签 统计

embed ×1

iframe ×1

youtube ×1

youtube-api ×1