1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107
| <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>title</title>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
swfobject.embedSWF("https://www.youtube.com/apiplayer?&enablejsapi=1&playerapiid=myytplayer",
"myytplayer", "600", "356", "8", null, null, params, atts);
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("myytplayer");
ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
play();
ytplayer.setVolume(10);
setInterval(updateytplayerInfo, 250);
updateytplayerInfo();
}
function play() {
if (ytplayer) {
ytplayer.loadVideoById({'videoId': 'Iy1rh5FSfew',
'startSeconds': 0,
'endSeconds': getDuration(),
'suggestedQuality': 'large'});
ytplayer.playVideo();
}
}
function stop() {
if(ytplayer){
ytplayer.stopVideo();
}
}
function setVolume() {
if(ytplayer){
volumeSlider = document.getElementById("volumeSlider");
volumeSlider.addEventListener("input", function() { ytplayer.setVolume(volumeSlider.value) }, false);
}
}
function updateytplayerInfo() {
updateHTML("videoduration", getDuration());
updateHTML("videotime", getCurrentTime());
if(getCurrentTime() == getDuration() && getDuration() != "0:0") {
loadNewVideo('Iy1rh5FSfew', 0);
play();
}
}
function updateHTML(elmId, value) {
document.getElementById(elmId).innerHTML = value;
}
function getDuration() {
if (ytplayer)
{
var secondes = ytplayer.getDuration() - ytplayer.getDuration()%1;
var minutes = (secondes - secondes%60)/60;
var secondes = secondes - minutes*60;
return minutes + ":" + secondes;
}
}
function getCurrentTime() {
if (ytplayer)
{
var secondes = ytplayer.getCurrentTime() - ytplayer.getCurrentTime()%1;
var minutes = (secondes - secondes%60)/60;
var secondes = secondes - minutes*60;
return minutes + ":" + secondes;
}
}
function loadNewVideo(id, startSeconds) {
if (ytplayer) {
ytplayer.loadVideoById(id, startSeconds);
}
}
function getVideoName() {
if (ytplayer)
{
return ytplayer.getName();
}
}
</script>
</head>
<body>
<div class="top"><p>
<center><div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="600" id="myytplayer">
<param name="movie" value="https://www.youtube.com/apiplayer?&enablejsapi=1&playerapiid=myytplayer" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="https://www.youtube.com/apiplayer?&version=3&enablejsapi=1&playerapiid=myytplayer" width="800" height="600">
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<span>
</div></center>
<center><input type="range" min="0" max="100" value="10" step="2" name="power" list="powers" id="volumeSlider" onchange="setVolume()" />
<br><div><span id="videotime">0</span> / <span id="videoduration">0</span>
</body>
</html> |
Partager