| <!-- This is a test html file for Youtube video tests --> |
| <html> |
| |
| <script type="text/javascript" src="swfobject.js"></script> |
| <script type="text/javascript"> |
| |
| // Most of this was borrowed from: |
| // http://code.google.com/apis/ajax/playground/?exp=youtube#polling_the_player |
| |
| // Update a particular HTML element with a new value |
| function updateHTML(elmId, value) { |
| document.getElementById(elmId).innerHTML = value; |
| } |
| |
| // This function is called when the player changes state |
| function onPlayerStateChange(newState) { |
| updateHTML("playerState", newState); |
| } |
| |
| // Display information about the current state of the player |
| function updatePlayerInfo() { |
| if(ytplayer && ytplayer.getDuration) { |
| updateHTML("bytesTotal", ytplayer.getVideoBytesTotal()); |
| updateHTML("startBytes", ytplayer.getVideoStartBytes()); |
| updateHTML("bytesLoaded", ytplayer.getVideoBytesLoaded()); |
| updateHTML("duration", ytplayer.getDuration()); |
| updateHTML("videoCurrentTime", ytplayer.getCurrentTime()); |
| } |
| } |
| |
| function onYouTubePlayerReady(playerId) { |
| ytplayer = document.getElementById("myytplayer"); |
| console.log("player ready to play"); |
| setInterval(updatePlayerInfo, 1000); |
| updatePlayerInfo(); |
| // Possible player statuses: |
| // unstarted (-1), ended (0), playing (1), paused (2), buffering (3), |
| // video cued (5). |
| updateHTML("playerState", ytplayer.getPlayerState()); |
| ytplayer.addEventListener("onStateChange", "onPlayerStateChange"); |
| ytplayer.addEventListener("onError", "onPlayerError"); |
| } |
| |
| function loadPlayer() { |
| var params = { allowScriptAccess: "always" }; |
| var atts = { id: "myytplayer" }; |
| var video_id = window.location.href.split("video="); |
| swfobject.embedSWF( |
| "http://www.youtube.com/e/" + video_id[1] + |
| "?version=3&enablejsapi=1&playerapiid=ytplayer", |
| "ytapiplayer", "800", "600", "8", null, null, params, atts); |
| } |
| |
| </script> |
| |
| <div id="ytapiplayer"> |
| You need Flash player 8+ and JavaScript enabled to view this video. |
| </div> |
| <body onload="loadPlayer()"> |
| <br> |
| Player State (playerState): <span id=playerState>0</span> Possible player |
| statuses: unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5). |
| <br> |
| Total Bytes (bytesTotal): <span id=bytesTotal>0</span> |
| <br> |
| Start Bytes (startBytes): <span id=startBytes>0</span> |
| <br> |
| Bytes Loaded (bytesLoaded): <span id=bytesLoaded>1</span> |
| <br> |
| Duration (duration): <span id=duration>0</span> |
| <br> |
| Current Time (videoCurrentTime): <span id=videoCurrentTime>0</span> |
| |
| </html> |
