จะตรวจสอบได้อย่างไรว่าวิดีโอ youtube เล่นจบแล้ว?

ฉันกำลังทำงานบนไซต์ที่มีวิดีโอ YouTube ฝังอยู่มากมายลูกค้าต้องการแสดงป๊อปอัปเมื่อใดก็ตามที่วิดีโอหยุดเล่น

ฉันดูที่ youtube api และดูเหมือนว่าจะมีวิธีตรวจจับเมื่อวิดีโอจบลง:

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

แต่ฉันไม่สามารถฝังวิดีโออย่างที่กล่าวถึงในหน้านั้นได้เนื่องจากวิดีโอทั้งหมดอยู่บนไซต์แล้ว (หลายพันรายการที่ถูกเพิ่มด้วยตนเองโดยการวางโค้ดสำหรับฝัง)

มีวิธีตรวจจับตอนจบของวิดีโอเหล่านี้โดยไม่เปลี่ยนวิดีโอที่มีอยู่ (โดยใช้จาวาสคริปต์) หรือไม่

สามารถทำได้ผ่าน youtube player 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>

สิ่งที่คุณอาจต้องทำคือใส่สคริปต์ในทุกหน้าที่ทำสิ่งต่อไปนี้ ... 1. ค้นหา youtube-iframe: ค้นหาตามความกว้างและความสูงตามชื่อเรื่องหรือค้นหา www.youtube.com ในแหล่งที่มา คุณสามารถทำได้โดย ... - วนลูปผ่าน window.frames โดย for-in loop แล้วกรองตามคุณสมบัติ

1. ฉีด jscript ใน iframe ของหน้าปัจจุบันโดยเพิ่ม onYoutubePlayerReady must-include-function http://shazwazza.com/post/Injecting-JavaScript-into-other-frames.aspx

2. เพิ่มผู้ฟังเหตุการณ์ ฯลฯ ..

หวังว่านี่จะช่วยได้