怎样利用JS特效代码j完成视频播放剪辑的无缝接轨 - 视频播放-.docx

《怎样利用JS特效代码j完成视频播放剪辑的无缝接轨 - 视频播放-.docx》由会员分享，可在线阅读，更多相关《怎样利用JS特效代码j完成视频播放剪辑的无缝接轨 - 视频播放-.docx（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、怎样利用JS特效代码j完成视频播放剪辑的无缝接轨-视频播放-最新IT资讯_电脑知识大全_网络安全教程-次元立方网如今的年轻人中年人老年人为什么喜欢刷视频呢?第一这些视频很贴近生活第二这些视频很搞笑第三这些视频故事非常的精彩，所以我们大家都由于喜欢上了视频而想学会视频剪辑比方今天我们就来告诉大家怎样利用JS来剪辑视频。1hi2!DOCTYPE3lang=zh4head5metacharset=UTF-8/6metaname=viewportcontent=width=device-width,initial-scale=1.0/7meta-equiv=X-UA-Compatiblecontent

2、=ie=edge/8title视频无限轮播，样式可自定义/title9styletype=text/css10*11margin:0;12padding:0;1314/style15/head16body17div18div19div20/div21/div222324scriptsrc=s:/cdn.bootcss/jquery/3.3.1/jquery.min.js/script25scripttype=text/javascript26varcdnUrl=/资源url2728/视频列表数据，三个视频29varvideoList=30resid:video/1.mp4,31resid:vi

3、deo/2.mp4,32resid:video/3.mp433;34varleg=videoList.length;3536$(document).ready(function()37/加载视频列表38varstr=39for(vari=0;ii+)40loadvideo(videoListi,i);414243/实现无缝滚动44varclone=$(.video_ls.video_shows).first().clone(true);/克隆第一个视频45$(.video_ls).append(clone);/复制到列表最后46varsize=$(.video_shows).length;47

4、48/视频高度49var_height=$(.video_shows).outerHeight();5051/初始化播放第一条52varvideo_show=$(.video_shows53varvideo=$(.video_showsvideo54video0.load();55video0.play();56varnum=0;/当前播放视频的下标57playlist(video);58functionplaylist(video)59/监控当前视频能否播放完毕60videonum.onended=function()61/console.log(第+(num+1)+条视频播放完毕)62nu

5、m+;63if(numvideo.length)64var_top=-_height*(num)+px65$(.video_ls).animate(top:_top,1500)66else67num=1;68$(.video_ls).css(top,069$(.video_ls).animate(top:-_height,1500)7071videonum.load();72videonum.play();73returnplaylist(video);747576)77/加载视频播放界面78functionloadvideo(videodta,i)79str=80str+=div81str+=videoid=myvideo+(i+1)+82str+=sourcesrc=+cdnUrl+videodta.resid+type=video/mp483str+=/video84str+=/div85$(.video_ls).append(str);8687/script88/body89/这是一篇非常实用的帖子只要你喜欢视频剪辑的人而且还想学会JS的人都能够使用的代码集合篇，我们的代码应该是不会有什么过失但要是实在不能将视频剪辑的代码运行操作那么可能是我的失误请多谅解。