YouTubevideo播放结束后的事件
点击图片后，我有简单的HTML代码播放YouTubevideo。
<body> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <div id="ytapiplayer2" style="display:none;"> <object width="1280" height="745"> <param name="movie" value="http://www.youtube.com/v/kCfP003Btjw?fs=1&hl=en_US&rel=0&autoplay=1"></param> <param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/v/kCfP003Btjw?fs=1&hl=en_US&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="745"></embed> </object> </div> <img src="https://i.qmyimage.com/mgen/global/zGetImageNew.ms?args=%22shpimg4198.jpg%22,425,96,1" id="imageID" /> <script type="text/javascript"> $('#imageID').click(function() { $('#ytapiplayer2').show(); $('#imageID').hide(); }); </script> </body> video播放结束后，我需要隐藏video并显示图像。 如何实现？
Youtube有一个JavaScript API： https ： //developers.google.com/youtube/js_api_reference
你需要的是onStateChange事件，它会在结束时给你0。
player.addEventListener("onStateChange", function(state){ if(state === 0){ // the video is end, do something here. } });
