Нашел в интернете скрипт видеоплеера с плейлистом для RuTube, скрипт работает в FF, но отказывается работать в IE, насколько я понял загвоздка в
addEventListener, решить проблему не получилось в связи с моей неопытностью. Помогите пожалуйста, скрипт очень нужен, хотелось бы чтобы он корректно работал во всех популярных браузерах.
Rutube.js
var a, b, kuda, carPos = 0;
var Swfplay = document.createElement('embed');
var osn = document.write('<style type="text/css">#panel #pL {left:0px; -moz-user-select:none;}#panel #pR {right:0px; -moz-user-select:none;}#osnova {background:#000; margin:auto; width:500px; border:2px solid #333;}#panel {background:#000; width:420px; padding:0 40px 10px 40px; white-space:nowrap; position:relative; overflow:hidden; border-top:1px solid #333; text-align:left;}#player, #panel, #osnova {-moz-user-select:none;}#panel #pL, #panel #pR {background:#000; position:absolute; padding:5px; top:0px; height:40; opacity:0.9; filter:alpha(opacity=90);}#panel input {background:#000; position:relative; margin:0px 2px; padding:5px; text-decoration:none; border:1px solid #333; color:#80BF56;}#panel input:hover {background:#80BF56; color:#EFEFEF;}#playlist {position:relative; margin: auto; top:5px;}</style><div id="osnova"><div id="player"></div><div id="panel"></div></div>');
var List = document.createElement('div');
List.id = 'playlist';
document.getElementById('panel').appendChild(List);
document.close(List);
document.getElementById('panel').innerHTML += '<div onMouseOver="Move(1)" onMouseOut="Move(0)" id="pR"><img src="right.png" alt="" /></div><div onMouseOver="Move(2)" onMouseOut="Move(0)" id="pL"><img src="left.png" alt="" /></div>';
function RutubeLink(num, url){
var Alink = document.createElement('input');
Alink.type = 'button';
Alink.value = num + ' cерия';
Alink.id = 'seria-' + num;
Alink.name = url;
document.getElementById('playlist').appendChild(Alink);
var AName = document.getElementById('seria-' + num);
AName.setAttribute("onclick","Player('seria-" + num + "'); return false;");
AName.addEventListener("click", function(){AName.style.border = "0"}, false);
AName.addEventListener("click", function(){Swfplay.setAttribute('flashvars','autoStart=true');}, false);
document.close(Alink);
Player('seria-1');
}
function Player(id){
if(em = document.getElementsByTagName('embed')[0]){
em.parentNode.removeChild(em);
}
Swfplay.type = 'application/x-shockwave-flash';
Swfplay.src = 'http:'+'//video.rutube'+'.ru/' + document.getElementById(id).name;
Swfplay.setAttribute('allowfullscreen','true');
Swfplay.setAttribute('wmode','transparent');
Swfplay.height = '400px';
Swfplay.width = '500px';
document.getElementById('player').appendChild(Swfplay);
document.close(Swfplay);
if (!em){
return true;
}
}
function Move(kuda){
if (kuda == 0){
clearTimeout(a);
clearTimeout(b);
}
if (kuda == 1) {
if (carPos >= -2000) {
b = setTimeout("Move(1)", 40);
carPos = carPos -10;
document.getElementById('playlist').style.left = carPos +'px';
} else {clearTimeout(b);}
}
else if (kuda == 2) {
if (carPos <= -10) {
a = setTimeout("Move(2)", 40);
carPos = carPos +10;
document.getElementById('playlist').style.left = carPos +'px';
} else { clearTimeout(a);}
}
}
<script type="text/javascript" src="rutube.js"></script>
<script type="text/javascript">
RutubeLink(1,'60e968007c65cd9b325a4becc2519bfb'); //ссылка на 1
RutubeLink(2,'ebd36b30f90ec5b699776871fcca9f6f'); //ссылка на 2
RutubeLink(3,'b7cee88b3d77f53e79e0b0bb51e6f6d6'); //ссылка на 3
//и так далее
</script>