我有一个JavaScript视频播放列表。这些视频来自其他域名,而不是我的。最近我发现播放一些视频时出现问题。有时,我收到<body>
<div id="VideoPlayer"></div>
<ul>
<li><a href="javascript:loadVideo('SampleVideo1.mp4','SampleImage1.jpg')">Video 1</a></li>
<li><a href="javascript:loadVideo('SampleVideo2.mp4','SampleImage2.jpg')">Video 2</a></li>
<li><a href="javascript:loadVideo('SampleVideo3.mp4','SampleImage3.jpg')">Video 3</a></li>
</ul>
<script type='text/javascript'>
var playerInstance = jwplayer("VideoPlayer");
playerInstance.setup({
file: 'SampleVideo.mp4',
image: 'SampleImage.jpg',
title: 'My Cool Video',
primary: 'html5',
width: 640,
height: 480
});
function loadVideo(myFile,myImage) {
playerInstance.load([{
file: my_string,
image: s,
}]);
playerInstance.play();
};
</script>
</body>
错误。这些视频开始播放,2-3秒后它们自行停止播放。然后他们在1-4分钟后开始比赛。只有一些视频有这种行为。
在播放视频之前,我可以以某种方式检查此错误吗?如果检测到错误并且播放下一个错误,我想跳过视频。
答案 0 :(得分:0)
当我尝试不断重新下载不断被重新上传的图像时,遇到了这个确切的问题。
不出所料,图像有时不完整,但是即使如此,我仍未找到防止错误记录的方法-但我可以这样捕获它:
$('#myPic').attr('src', 'cacheless-pic.bmp?d='+ new Date().getTime())
.on('error', function() {
console.log('Oops - image of broken.');
});
我不确定这是否会对您的视频有所帮助,但这就是我现在所拥有的一切!