jQuery点击视频缩略图切换视频播放网页特效源码下载

特效说明：一款jQuery点击缩略图切换视频播放网页特效，点击缩略图并选中当前选项，播放该缩略图对应视频网页特效。该特效调用优酷视频地址，也可以调用本地视频地址，兼容性好。（兼容测试：IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器）

使用方法：添加HTML代码：
将......之间的html和js代码；放在<body></body>之间。

JS代码编写：

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    // 切换视频
    $(".video-list li").click(function(){
        var obj = $(this);
        var video_id = obj.attr("video");
        var path = obj.attr("id");
        var vid = obj.attr("vid");
        $(".js_videoCon").hide();
        $("#js_videoCon_"+vid).show();
        obj.addClass("now").siblings().removeClass("now");
    });
});
</script>

演示地址代码出处及下载地址

猜你喜欢

打赏

0个评论

0个牛币 jQuery 视频播放特效 JavaScript

文件名:videoFocus.zip,文件大小:84.869K 下载