Вот результат, html и css осталось только написать js.
фото.jpg
<!DOCTYPE html>
<html>
<head>
<title>Player</title>
<meta charset="UTF-8">
<link href="css/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--noindex-->
<div class="ftr" id="ftr"><div class="ignore-select"><script type="text/javascript">
uvk.init();
uvk.show(1,[
['http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/838.html',
'http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/936.html',
'http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/1102.html',
'http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/1458.html',
'http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/1607.html',
'http://videoapi.my.mail.ru/videos/embed/inbox/petechka.vasilev.99/_myvideo/32.html',
'http://videoapi.my.mail.ru/videos/embed/inbox/petechka.vasilev.99/_myvideo/104.html',
'https://videoapi.my.mail.ru/videos/embed/mail/kerobas/_myvideo/681.html',
'https://videoapi.my.mail.ru/videos/embed/mail/kerobas/_myvideo/707.html']
]);
</script><div id="uber-vk-write" align="center"> <ul id="uber-vk-season"><li id="seasons"><span onclick="uvk.season('0', this)" class="active">1 Сезон</span></li></ul> <div id="uber-vk-player"><iframe src="http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/838.html" width="680" height="300" border="0" frameborder="0" scrolling="no" allowfullscreen=""></iframe></div> <ul id="uber-vk-serial"><li id="season-0" style=""><span onclick="uvk.player('http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/838.html', this);" class="active">Серия 1</span><span onclick="uvk.player('http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/936.html', this);">Серия 2</span><span onclick="uvk.player('http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/1102.html', this);">Серия 3</span><span onclick="uvk.player('http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/1458.html', this);">Серия 4</span><span onclick="uvk.player('http://videoapi.my.mail.ru/videos/embed/mail/dmitrivich.igor/_myvideo/1607.html', this);">Серия 5</span><span onclick="uvk.player('http://videoapi.my.mail.ru/videos/embed/inbox/petechka.vasilev.99/_myvideo/32.html', this);">Серия 6</span><span onclick="uvk.player('http://videoapi.my.mail.ru/videos/embed/inbox/petechka.vasilev.99/_myvideo/104.html', this);">Серия 7</span><span onclick="uvk.player('https://videoapi.my.mail.ru/videos/embed/mail/kerobas/_myvideo/681.html', this);">Серия 8</span><span onclick="uvk.player('https://videoapi.my.mail.ru/videos/embed/mail/kerobas/_myvideo/707.html', this);">Серия 9</span></li></ul> <a href="javascript://" class="prev" onclick="uvk.move(1);"></a> <a href="javascript://" class="next" onclick="uvk.move(0);"></a> <a href="javascript://" class="prev1" onclick="uvk.movie(1);" style="display:block"></a> <a href="javascript://" class="next1" onclick="uvk.movie(0);" style="display:block"></a> </div></div></div>
<!--/noindex-->
</body>
</html>
|
Код:
|
.ftr {
background:#000;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
float:right;
margin-bottom:10px;
width:690px
}
.ftr>iframe,.ftr>object{
margin: 5px;
}
#ftr {
background-image:url(../img/224.gif);
background-position:312px 162px;
background-repeat:no-repeat
}
#uber-vk-write {
margin:5px;
width:680px;
font-size:12px
}
#uber-vk-write .active {
background: #4DAF7C;
color: #fff;
}
#uber-vk-player {
background:#000;
margin:0 auto;
width:100%;
height:300px;
clear:both
}
#uber-vk-season,#uber-vk-serial {
width:640px;
min-height:40px;
list-style:none
}
#uber-vk-season li,#uber-vk-serial li{
text-align:left
}
#uber-vk-season li span,#uber-vk-serial li span{
display:inline-block;
text-align:center;
width:65px;
line-height:22px;
margin:4px 2px;
color:#262626;
border:1px solid #d9d9d9;
background:#fff;
cursor:pointer
}
#uber-vk-season li span:hover,#uber-vk-serial li span:hover{
background:#ffbc14
} |
Когда я нажимаю на следующую серию, то ничего не происходит, надо чтобы менялась серия. Что нужно прописать помогите пожалуйста!
