jquery点击缩略图切换视频播放特效代码分享

本文讲述了jquery点击缩略图切换视频播放特效的一个例子。分享给大家参考。具体如下：jquery点击缩略图切换视频播放是一个非常实用的播放代码，点击缩略图切换优酷视频播放的视频播放标签代码，支持flash视频切换标签。运行渲染：查看效果并下载源代码。

提示：如果浏览器工作不正常，可以尝试切换浏览模式。点击jquery的缩略图切换视频播放特效代码给大家分享如下

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titlejquery点击缩略图切换视频播放/title style type=' text/CSS ' * { margin :0；划水：0;列表样式-:型无；}a，img { border :0 } body { font :12 px/180% Arial，Helvetica，无衬线'新宋体；}/* videobox */.视频盒{背景： # ff 6600border:solid 5px # ff6600宽度width :408 pxmargin :30 px auto 0 auto }。视频-img { width :408 px；高度：266 px飞越：隐藏；}.视频列表{ height :78 pxpadding :15 px 0 0 0 }。视频列表li { width:78px高度：59 px飞越：隐藏；位置：相对；float : leftborder : solid 2px # fffmargin :0 10pxcursor :指针指针；}.视频列表李.图标-视频{ position : absolute eleft :22 xtop :12 px宽度：33 px高度：33pxz索引：99;}.视频列表李：现在.图标-视频{ display : none }/style/head dydiv class=' video box ' div class=' video-img ' embed id=' js _ video con _ 1 ' class=' js _ video con ' src=' http 3360http://player。优酷。com/player。PHP/sid/xntmynze 2 odk 2/v . swf ' allow full screen=' true ' quality=' high ' width=' 408 ' height=' 266 ' align=' middle ' allowScriptAccess=' aly ' id=' http://player。优酷。com/player。PHP/sid/xntmynzq1m jqw/v . swf ' video=' 3 ' vid=' 3 ' img src=' http : images/video _ 3。jpg ' width=' 78 ' height=' 59 ' img src=' http : images/icon-video。png ' class=' icon-video '/Li Li id=' http://player。优酷。com就绪（函数(){ //切换视频$('.视频列表李' .单击(function(){ var obj=$(this)；var video _ id=obj。attr('视频')；var path=obj。attr(' id ')；var vid=obj。attr(' vid ')；$('.js _ video con’).hide()；$(' # js _ video con _ vid ').show()；obj.addClass('now ').兄弟姐妹()。移除CLaSS(' now ')；});});/script/div div style=' text-align : center；清除： ' br/div/body/html以上就是为大家分享的jquery点击缩略图切换视频播放特效代码，希望大家可以喜欢，并应用到实践中。