Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Html5视频功能只能播放一个视频_Javascript_Jquery_Html_Video - Fatal编程技术网

Javascript Html5视频功能只能播放一个视频

Javascript Html5视频功能只能播放一个视频,javascript,jquery,html,video,Javascript,Jquery,Html,Video,基于此功能,如何仅播放第一个视频? 我不再需要这个函数的第二个 这个视频最初是用来播放两个视频的,第二个是循环播放的。真的很聪明,但它让我在ie9上出现黑色闪光,我无法修复 作用$ {$.fn.videoLoop=函数选项{ 功能更改VideoSrcVidobj,vidEl{ vidEl.html; vidObj.media.forEachfunctionobj{ console.logobj; vidEl.append$.attrsrc,obj.src.attrtype,obj.format

基于此功能,如何仅播放第一个视频? 我不再需要这个函数的第二个

这个视频最初是用来播放两个视频的,第二个是循环播放的。真的很聪明,但它让我在ie9上出现黑色闪光,我无法修复

作用$ {$.fn.videoLoop=函数选项{ 功能更改VideoSrcVidobj,vidEl{ vidEl.html; vidObj.media.forEachfunctionobj{ console.logobj; vidEl.append$.attrsrc,obj.src.attrtype,obj.format; }; } var video=这个, videoEl=视频[0], selvideidx=0; 选项=选项| |{}; var playlist=options.playlist | |[], poster=options.poster||http://placehold.it/1024x768/FFFFFF/FFFFFF; 如果playlist.length>1{ var firstvid=播放列表[selVideoIdx%playlist.length]; 改变视频,视频; 视频。attr“海报”,海报; video.attr'autoload',正确; video.attr'autoplay',正确; selVideoIdx++; video.on'loadedmetadata',函数{ videoEl.currentTime=0.5; 视频游戏; }.bind'end',函数{ var currentvid=播放列表[selVideoIdx%playlist.length]; 改变视频,视频; videoEl.loop=true; videoEl.load; selVideoIdx++; }; } }; var video1={}; video1.title=‘第一’; video1.media=[{'format':'video/mp4','src':'http://www.w3schools.com/html/mov_bbb.mp4“},{'format':'video/ogv','src':'http://www.w3schools.com/html/mov_bbb.ogv'}]; var video2={}; video2.title='LOOP'; video2.media=[{'format':'video/mp4','src':'http://media.w3.org/2010/05/sintel/trailer.mp4“},{'format':'video/ogv','src':'http://media.w3.org/2010/05/sintel/trailer.ogv'}]; 变量数据={}; data.playlist=[video1,video2]; data.poster=http://placehold.it/1024x768/000000/FFFFFF $‘开始’。videoLoopdata; }jQuery; 您的浏览器不支持视频标记。
最简单的解决方案是修改两行代码

if (playlist.length > 1) {
应该是

if (playlist.length > 0) {

可以更改,以便只传递一个值,而不是向数组传递两个值

data.playlist = [video1];

data.playlist=[video1,video2]@user3699998查看更新的答案和更新的小提琴甜点,谢谢,你知道如何返回到第二个5和吗?@user3699998抱歉,我不理解这个问题。在和@user3699998处返回第二个5,作为黑暗中的疯狂刺杀,使用这行代码videoEl.currentTime=0.5;是的,在视频结束时,它应该循环,但不是从二开始,而是从第二个5开始,然后循环。
data.playlist = [video1];