jquery视频轮播-freejs.net代码演示

首页>>音乐/视频>>jquery视频轮播(2019-07-07)

jquery视频轮播

视频可以类似图片一样切换不同的

XML/HTML Code

<div class="Lunbo-video-cont">
<div class="video">
<div> <img src="left.png" class="Lunbobutton"> </div>
<div>
<ul>
<li class="video1">
<div>
<video id="v001" onmouseover="mouseOver1()" onmouseout="mouseOut1()" src="https://blz-videos.nosdn.127.net/1/OverWatch/OVR_D.VA_SHOOTING_STAR_zhCN_YT_PC_3.mp4" preload="auto" poster="t1.png"></video>
</div>
</li>
<li class="video2">
<div>
<video id="v002" onmouseover="mouseOver2()" onmouseout="mouseOut2()" src="https://blz-videos.nosdn.127.net/1/OverWatch/OVR_D.VA_SHOOTING_STAR_zhCN_YT_PC_3.mp4" preload="auto" poster="t2.png"></video>
</div>
</li>
<li class="video3">
<div>
<video id="v003" onmouseover="mouseOver3()" onmouseout="mouseOut3()" src="https://blz-videos.nosdn.127.net/1/OverWatch/OVR_D.VA_SHOOTING_STAR_zhCN_YT_PC_3.mp4" preload="auto" poster="t3.png"></video>
</div>
</li>
<li class="video4">
<div>
<video id="v004" onmouseover="mouseOver4()" onmouseout="mouseOut4()" src="https://blz-videos.nosdn.127.net/1/OverWatch/OVR_D.VA_SHOOTING_STAR_zhCN_YT_PC_3.mp4" preload="auto" poster="t4.png"></video>
</div>
</li>
<li class="video5">
<div>
<video id="v005" onmouseover="mouseOver5()" onmouseout="mouseOut5()" src="https://blz-videos.nosdn.127.net/1/OverWatch/OVR_D.VA_SHOOTING_STAR_zhCN_YT_PC_3.mp4" preload="auto" poster="t1.png"></video>
</div>
</li>
</ul>
</div>
<div><img src="right.png" class="Lunbobutton"></div>
</div>
</div>