Youtube 使用同一播放器而不是YT打开建议的视频

Youtube 使用同一播放器而不是YT打开建议的视频,youtube,Youtube,我将使用YouTube上最新iFrame API的视频播放器放在一个网站中,但是当我单击建议的视频时,它会打开YouTube,而不是重复使用同一个播放器 我没有找到任何不让它每次进入YouTube的选项,有吗?我上个月使用了YouTube的iframe API。我有时也面临同样的问题。但是这个问题通过从javascript创建iframe得到了解决。请按照以下步骤操作。我希望这能解决你的问题 在网页中放置标记并编写javascript,如下所示: 一,。在网页中添加id=“player”的div

我将使用YouTube上最新iFrame API的视频播放器放在一个网站中,但是当我单击建议的视频时,它会打开YouTube,而不是重复使用同一个播放器


我没有找到任何不让它每次进入YouTube的选项,有吗?

我上个月使用了YouTube的iframe API。我有时也面临同样的问题。但是这个问题通过从javascript创建iframe得到了解决。请按照以下步骤操作。我希望这能解决你的问题

在网页中放置标记并编写javascript,如下所示:

一,。在网页中添加id=“player”的div元素

<div id="player"></div>
3。。创建一个iframe

var player;

function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '320', //You can change height and width as needed
        width: '480',
        videoId: [video ID you want to load],
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange,
            'onPlaybackQualityChange': onPlayerPlaybackQualityChange,
            'onPlaybackRateChange': onPlayerPlaybackRateChange,
            'onError': onPlayerError,
            'onApiChange': onPlayerApiChange,
        }
    });
}
  • 您可以使用以下函数处理事件

    函数onPlayerStateChange(事件){}
    函数onPlayerReady(event){}
    函数onPlayerPlaybackQualityChange(playbackQuality){}
    函数onPlayerPlaybackRateChange(playbackRate){}
    函数onplayerror(e){}
    函数onPlayeRapChange(){}


  • 参考资料:

    这将如何解决在YouTube页面中不打开建议视频链接的问题?。我只看到如何创建iFrame的复制粘贴代码。建议的视频无法加载到iFrame中。除非您使用建议的视频ID再次加载iframe。
    var player;
    
    function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
            height: '320', //You can change height and width as needed
            width: '480',
            videoId: [video ID you want to load],
            events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange,
                'onPlaybackQualityChange': onPlayerPlaybackQualityChange,
                'onPlaybackRateChange': onPlayerPlaybackRateChange,
                'onError': onPlayerError,
                'onApiChange': onPlayerApiChange,
            }
        });
    }