Я создал скрипт JS для этого здесь:
http://jsfiddle.net/Barzi/Jzs6B/9/
Во-первых, ваш HTML-разметка выглядит так:
- First video
- Second video
...
...
Во-вторых, ваш код JavaScript через библиотеку JQuery будет выглядеть так:
$(function() {
$("#playlist li").on("click", function() {
$("#videoarea").attr({
"src": $(this).attr("movieurl"),
"poster": "",
"autoplay": "autoplay"
})
})
$("#videoarea").attr({
"src": $("#playlist li").eq(0).attr("movieurl"),
"poster": $("#playlist li").eq(0).attr("moviesposter")
})
})
И последнее, но не менее важное: ваш CSS:
#playlist {
display:table;
}
#playlist li{
cursor:pointer;
padding:8px;
}
#playlist li:hover{
color:blue;
}
#videoarea {
float:left;
width:640px;
height:480px;
margin:10px;
border:1px solid silver;
}
То, что вы здесь делаете, - это увеличение переменной «i» перед ее печатью. Правильный код должен выглядеть примерно так:
#include<iostream>
using namespace std;
int main()
{
int i=1;
while(i<=10){
if(i==5){
i++;
continue;
}
cout<<i<<endl;
//incrementing variable after printing
i++;
}
}
//output
//1234678910
Ваш код должен выдавать вывод, как показано ниже
23467891011
Причина в том, что вы поместили оператор приращения
i++;
после того, как вы вошли в итерацию цикла.
Поэтому, когда цикл начинается с i = 10, он сначала запускается на i ++ и печатает i
Используйте этот код
#include<iostream>
using namespace std;
int main()
{
int i=1;
while(i<=10)
{
if(i!=5)
{
cout<<i<<endl;
}
i++;
}
}
Надеюсь, это поможет