Показать сообщение отдельно
  #1 (permalink)  
Старый 28.11.2010, 00:02
Новичок на форуме
Отправить личное сообщение для Pegas Посмотреть профиль Найти все сообщения от Pegas
 
Регистрация: 27.11.2010
Сообщений: 3

помогите с кроссбраузерностью
Нашел в интернете скрипт видеоплеера с плейлистом для 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>
Ответить с цитированием