j查询视频不循环播放
jQuery video not playing in loop
功能: jPlayer播放一个视频列表,每个视频都是一个不同的mp4名称。因此,在第一个视频播放完毕后,jPlayer 将播放第二个视频并继续播放视频,直到到达视频列表中的最后一个视频,之后它将重复并再次播放第一个视频,将第一个视频重复到最后一个视频。
因此,它正在循环播放
做了什么:
- 视频
- 数组包含视频列表
- j播放器播放视频的方法
问题
jPlayer 播放了视频列表:video_01 到 video_0N 中的整个视频后,视频将停止,并且不会循环回第一个视频以重复播放列表。其次,播放视频列表的最后一个视频时显示错误消息:
错误消息: 未捕获的类型错误: 无法读取未定义的 jquery.jplayer.min.js:66 的属性"拆分"
因此,在这一点上,我是否可以获得一些帮助来纠正以下问题,并告知导致此错误的可能原因,并且jPlayer视频不会从列表中的第一个视频重播。
谢谢。
var videoList = ["lib/video/Video_01.mp4", "lib/video/Video_02.mp4", "lib/video/Video_03.mp4", "lib/video/Video_04.mp4", "lib/video/Video_05.mp4", "lib/video/Video_06.mp4", "lib/video/Video_07.mp4", "lib/video/Video_08.mp4", "lib/video/Video_09.mp4", "lib/video/Video_10.mp4"];
var videoIndex = 0;
$(function() {
//Video Player for First page & to play subsequent videos after 1st video is completed
$("#Start_Video").jPlayer({
ready: function() {
$("#Start_Video").jPlayer("setMedia", {
m4v: videoList[videoIndex]
}).jPlayer("play");
},
ended: function() {
videoIndex++;
if (videoIndex > videoList.length) {
videoIndex = 0;
}
$("#Start_Video").jPlayer("setMedia", {
m4v: videoList[videoIndex]
}).jPlayer("play");
},
swfPath: "javascript",
supplied: "webmv, ogv, m4v",
size: {
width: 1920,
height: 1080
}
});
$("#HBOStart_Video").show();
});
<script src="javascript/jquery-1.11.3.min.js"></script>
<script src="javascript/jquery-ui-1.10.3.min.js"></script>
<script src="javascript/jplayer.playlist.min.js"></script>
<script src="javascript/jquery.jplayer.min.js"></script>
<div id="StartPage" align="center" style="position:absolute; width:1920px; height:1080px; background-repeat: no-repeat; z-index=1; top:0px; left:0px;">
<div id="Start_Video" style="position:absolute; z-index:1;"></div>
</div>
我认为您在这里查看索引:
ended: function() {
videoIndex++;
if (videoIndex > videoList.length) {
videoIndex = 0;
}
例如:videoList[10] 索引是 {0,1,2,...,9},所以 "videoIndex" 可以取的最大值是 9,但 videoList.length 返回 10,所以 if(videoIndex> videoList.length) 与 if(videoIndex> 10) 相同,允许 "videoIndex" 为 10...(10>10假)
将 if 更改为:
//(videoIndex == 10 ? videoIndex = 0)
//the max value of videoIndex should be n-1, because the array is 0 based.
if (videoIndex >= videoList.length) {
videoIndex = 0;
}
错误 :
错误消息: 未捕获的类型错误: 无法读取未定义的 jquery.jplayer.min.js:66 的属性"拆分"
发生是因为您正在尝试拆分视频列表[10]的内容...(视频列表由 10 个视频名称字符串定义:视频列表[10])
- 使用jQuery无限循环播放HTML页面幻灯片
- 在没有大量回调函数的情况下在列表元素上循环播放同一动画
- 如何循环播放幻灯片中进度条的函数
- 停止循环播放文本,但仍运行效果
- 使用 Javascript 循环播放 HTML5 音频
- 随机页面加载后循环播放其余视频
- 循环播放Raphael动画,没有fps问题
- 使用Snap.svg循环播放动画
- Vide.js循环播放多个视频
- 循环播放动画
- 使用jquery循环播放视频
- 整页.js - 在背景视频循环播放时向右移动幻灯片
- 科尔多瓦媒体,如何获取循环播放的回调
- 如何循环播放按钮
- 防止视频阵列循环播放
- j查询视频不循环播放
- 在HTML5 Canvas / Fabric js中循环播放动画
- 使动画循环播放
- 回退到 Flash 时,使用 VideoJS 库循环播放视频
- 音轨在Javascript中循环播放,没有延迟