javascript - 如何使用 iFrame API 检测 YouTube 视频是否已被删除

Question

是否可以使用 iFrame API 检测视频是否已被删除或在 YouTube 上不再可用？

以下代码将检测对 youtube iframe 的更改，但我能找到的唯一远程接近的数据点是 -3 ，这意味着未启动，但这也适用于任何工作视频。

CodePen

<iframe id="yt-iframe" width="630" height="354" src="http://www.youtube.com/embed/Rlm8YH2i9gY?enablejsapi=1" frameborder="0" allowfullscreen=""></iframe>

<script type="text/javascript">

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

    console.log('yt scripts loaded');
    var player;
    function onYouTubeIframeAPIReady() {
        player = new YT.Player('yt-iframe', {
            events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
            }
        });
    }

    function onPlayerReady(event) {
        console.log('video player ready');
    }

    function onPlayerStateChange(event) {
    console.log(event.data);

    }
</script>

Answer 1

在播放视频之前，您可以通过检查视频时长来进行检测，如果视频时长为0秒，则很有可能被删除/无法播放

<iframe id="yt-iframe" width="630" height="354" src="http://www.youtube.com/embed/tPEE9ZwTmy0?enablejsapi=1" frameborder="0" allowfullscreen=""></iframe>

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

    console.log('YT scripts loaded');
    var player;
    function onYouTubeIframeAPIReady() {
        player = new YT.Player('yt-iframe', {
            events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
            }
        });
    }

    function onPlayerReady(event) {
        console.log('Video player ready');
        if (event.target.getDuration() <= 0) {
            console.log('Video likely to be removed');
        }
    }

    function onPlayerStateChange(event) {
        console.log(event.data);
    }
</script>