Question

我在网站上使用YouTube上的最新iFrame API制作了一个视频播放器，但是当我点击建议的视频时，它不会重复使用同一个播放器，而是打开YouTube。

我没有找到任何选项，不能每次都去YouTube，有没有？。

Answer 1

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

在您的网页中放置一个标记并编写一个javascript，如下所示：

1。添加id =＆＃34;播放器＆＃34;的div元素在你的网页上。

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

在Javascript部分： 2.添加脚本以加载iframe播放器API

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

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,
        }
    });
}

您可以使用以下功能处理事件。

function onPlayerStateChange（event）{};
function onPlayerReady（event）{};
function onPlayerPlaybackQualityChange（playbackQuality）{};
function onPlayerPlaybackRateChange（playbackRate）{};
function onPlayerError（e）{};
函数onPlayerApiChange（）{};

参考：https://developers.google.com/youtube/iframe_api_reference

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

1 个答案: