需求 :使用JavaScript实现一定数量的视频切换是非常简单的,类似功能如图片切换等等。
HTML中有一个div,如下:
<div id="video" class="video" onclick="setvideo()">
<video width="400" height="400" controls="controls">
<source src="1.mp4" type="video/mp4" />
</video>
</div>
一般CSS控制Vedio的位置和样式,Css这里不用说,重点是通过JavaScript让其“动起来”,按照顺序先后循环,JS代码如下:
<script language="javascript">
var imgUrl=new Array(2);
imgUrl[0]="<video wid