Youtube IFrame Player API：如何在同一iframe中加载推荐视频

首先明确：YouTube官方并未提供直接参数让默认推荐视频在当前iframe内打开——这些推荐链接默认带有target="_blank"属性，且受浏览器跨域安全限制，无法直接修改iframe内的链接行为。以下是两种可行的解决方案：

方案一：隐藏默认推荐视频（简单直接） #

如果不需要展示推荐内容，可以通过配置播放器参数+监听播放结束事件，替换YouTube的默认推荐界面：
修改playerVars并更新状态监听逻辑，在视频结束时回到开头或显示自定义封面，避免触发默认推荐：

function onPlayerStateChange(event) {
    // 保留原有播放6秒停止逻辑
    if (event.data == YT.PlayerState.PLAYING && !done) {
        setTimeout(stopVideo, 6000);
        done = true;
    }
    // 视频结束时回到开头，替代默认推荐界面
    if (event.data == YT.PlayerState.ENDED) {
        event.target.seekTo(0);
        event.target.pauseVideo();
    }
}

方案二：自定义推荐列表（完全控制跳转行为） #

如果需要保留推荐功能，最佳方式是屏蔽YouTube默认推荐，使用自定义列表，点击时通过API加载视频到当前播放器：

1. 在页面添加自定义推荐区域：

<div id="custom-recs" style="display:none; margin-top:10px;">
    <h3>推荐视频</h3>
    <button onclick="loadCustomVideo('dQw4w9WgXcQ')">Never Gonna Give You Up</button>
    <button onclick="loadCustomVideo('M7lc1UVf-VE')">回到原视频</button>
</div>

2. 修改状态监听事件，在视频结束时显示自定义推荐：

function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
        setTimeout(stopVideo, 6000);
        done = true;
    }
    // 视频结束时显示自定义推荐
    if (event.data == YT.PlayerState.ENDED) {
        document.getElementById('custom-recs').style.display = 'block';
    }
}

3. 添加加载视频的函数：

function loadCustomVideo(videoId) {
    document.getElementById('custom-recs').style.display = 'none';
    // 加载新视频并播放
    player.loadVideoById({videoId: videoId, startSeconds: 0});
    // 重置标记，确保新视频的6秒停止逻辑生效
    done = false;
}

方案三：沙箱限制跳转（局限性大） #

尝试给iframe添加sandbox属性限制新标签页打开，但会导致播放器部分功能（如全屏、播放控制）失效，仅作参考：

function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '390',
        width: '640',
        videoId: 'M7lc1UVf-VE',
        playerVars: {
            'playsinline': 1,
            'rel': 0
        },
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        },
        iframeAttributes: {
            sandbox: 'allow-same-origin allow-scripts allow-presentation'
        }
    });
}

内容的提问来源于stack exchange，提问作者Harifrais