如何检测 YouTube 视频何时播放完毕？

发布于 2024-12-11 16:07:27 字数 375 浏览 1 评论 0原文

我正在一个有大量嵌入式 YouTube 视频的网站上工作，客户希望在视频停止播放时显示一个弹出窗口。

我查看了 youtube api，似乎有一种方法可以检测视频何时结束：

http ://code.google.com/apis/youtube/js_api_reference.html

但我无法像他们在该页面上提到的那样嵌入视频，因为这些视频都已在网站上（已手动添加了数千个）经过粘贴嵌入代码）。

有没有办法在不更改任何现有视频的情况下检测这些视频的结尾（使用 javascript）？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

孤君无依 2024-12-18 16:07:27

这可以通过 youtube 播放器 API 来完成：

http://jsfiddle.net/7Gznb/

工作示例：

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

    <script src="http://www.youtube.com/player_api"></script>

    <script>

        // create youtube player
        var player;
        function onYouTubePlayerAPIReady() {
            player = new YT.Player('player', {
              width: '640',
              height: '390',
              videoId: '0Bmhjf0rKe8',
              events: {
                onReady: onPlayerReady,
                onStateChange: onPlayerStateChange
              }
            });
        }

        // autoplay video
        function onPlayerReady(event) {
            event.target.playVideo();
        }

        // when video ends
        function onPlayerStateChange(event) {        
            if(event.data === 0) {          
                alert('done');
            }
        }

    </script>

This can be done through the youtube player API:

http://jsfiddle.net/7Gznb/

Working example:

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

    <script src="http://www.youtube.com/player_api"></script>

    <script>

        // create youtube player
        var player;
        function onYouTubePlayerAPIReady() {
            player = new YT.Player('player', {
              width: '640',
              height: '390',
              videoId: '0Bmhjf0rKe8',
              events: {
                onReady: onPlayerReady,
                onStateChange: onPlayerStateChange
              }
            });
        }

        // autoplay video
        function onPlayerReady(event) {
            event.target.playVideo();
        }

        // when video ends
        function onPlayerStateChange(event) {        
            if(event.data === 0) {          
                alert('done');
            }
        }

    </script>

回复收藏 0 原文