时间戳

首页 > 解决方案 > youtube-iframe-api 嵌入参数不再起作用

parameters - youtube-iframe-api 嵌入参数不再起作用

问题描述

我正在尝试使用以下参数在我的网站上嵌入 youtube 视频，但它不起作用：

<iframe width="560" height="315" src="https://www.youtube.com/embed/1xPEIXk69lc?rel=0&controls=0&autoplay=1&showinfo=0&modestbranding=1"  frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

标签： parametersyoutubeyoutube-iframe-api

解决方案

自 2018 年 9 月至 10 月，部分参数已被弃用，包括 showinfo 和对 rel=0 的更改。删除它们会有所帮助。有关其他信息，请参阅https://developers.google.com/youtube/player_parameters。
如果您使用 IFrame API，（而不是嵌入 iframe ex http://youtu.be/?videoIDxxx..），您可以获得视频停止（完成）的事件，然后提示视频通过ID进入播放器。有关基本播放器的参考，请参阅https://developers.google.com/youtube/iframe_api_reference#Playback_controls 。

 

....
<div id="player1"></div>

<script type="text/javascript">
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player ;

function onYouTubeIframeAPIReady()
    {
    player = new YT.Player('player1', 
        { 
        videoId: 'YourVideoId',
        events: {
            'onStateChange': onPlayerStateChange
             }
        });

    }; // onYOuTubeIframeAPIReady
    		
function onPlayerStateChange(event)
    { 
    // Alt approach //if( event.data  == 0){ location.reload()}
    if( event.data  == 0)  // video has ended
        { player.cueVideoById({videoId:'YourVideoID',
                               suggestedQuality: 'hd720'})
        };
    } 

     </script>

推荐阅读