| OLD | NEW |
| (Empty) |
| 1 <!-- This is a test html file for Youtube video tests --> | |
| 2 <html> | |
| 3 | |
| 4 <script type="text/javascript" src="swfobject.js"></script> | |
| 5 <script type="text/javascript"> | |
| 6 | |
| 7 // Most of this was borrowed from: | |
| 8 // http://code.google.com/apis/ajax/playground/?exp=youtube#polling_the_player | |
| 9 | |
| 10 // Update a particular HTML element with a new value | |
| 11 function updateHTML(elmId, value) { | |
| 12 document.getElementById(elmId).innerHTML = value; | |
| 13 } | |
| 14 | |
| 15 // This function is called when the player changes state | |
| 16 function onPlayerStateChange(newState) { | |
| 17 updateHTML("playerState", newState); | |
| 18 } | |
| 19 | |
| 20 // Display information about the current state of the player | |
| 21 function updatePlayerInfo() { | |
| 22 if(ytplayer && ytplayer.getDuration) { | |
| 23 updateHTML("bytesTotal", ytplayer.getVideoBytesTotal()); | |
| 24 updateHTML("startBytes", ytplayer.getVideoStartBytes()); | |
| 25 updateHTML("bytesLoaded", ytplayer.getVideoBytesLoaded()); | |
| 26 updateHTML("duration", ytplayer.getDuration()); | |
| 27 updateHTML("videoCurrentTime", ytplayer.getCurrentTime()); | |
| 28 } | |
| 29 } | |
| 30 | |
| 31 function onYouTubePlayerReady(playerId) { | |
| 32 ytplayer = document.getElementById("myytplayer"); | |
| 33 console.log("player ready to play"); | |
| 34 setInterval(updatePlayerInfo, 1000); | |
| 35 updatePlayerInfo(); | |
| 36 // Possible player statuses: | |
| 37 // unstarted (-1), ended (0), playing (1), paused (2), buffering (3), | |
| 38 // video cued (5). | |
| 39 updateHTML("playerState", ytplayer.getPlayerState()); | |
| 40 ytplayer.addEventListener("onStateChange", "onPlayerStateChange"); | |
| 41 ytplayer.addEventListener("onError", "onPlayerError"); | |
| 42 } | |
| 43 | |
| 44 function loadPlayer() { | |
| 45 var params = { allowScriptAccess: "always" }; | |
| 46 var atts = { id: "myytplayer" }; | |
| 47 var video_id = window.location.href.split("video="); | |
| 48 swfobject.embedSWF( | |
| 49 "http://www.youtube.com/e/" + video_id[1] + | |
| 50 "?version=3&enablejsapi=1&playerapiid=ytplayer", | |
| 51 "ytapiplayer", "800", "600", "8", null, null, params, atts); | |
| 52 } | |
| 53 | |
| 54 </script> | |
| 55 | |
| 56 <div id="ytapiplayer"> | |
| 57 You need Flash player 8+ and JavaScript enabled to view this video. | |
| 58 </div> | |
| 59 <body onload="loadPlayer()"> | |
| 60 <br> | |
| 61 Player State (playerState): <span id=playerState>0</span> Possible player | |
| 62 statuses: unstarted (-1), ended (0), playing (1), paused (2), buffering (3), vid
eo cued (5). | |
| 63 <br> | |
| 64 Total Bytes (bytesTotal): <span id=bytesTotal>0</span> | |
| 65 <br> | |
| 66 Start Bytes (startBytes): <span id=startBytes>0</span> | |
| 67 <br> | |
| 68 Bytes Loaded (bytesLoaded): <span id=bytesLoaded>1</span> | |
| 69 <br> | |
| 70 Duration (duration): <span id=duration>0</span> | |
| 71 <br> | |
| 72 Current Time (videoCurrentTime): <span id=videoCurrentTime>0</span> | |
| 73 | |
| 74 </html> | |
| OLD | NEW |