产生间歇性问题的视频.js
Video.js producing intermittent issues
拥有一个产生间歇性错误的网站。到目前为止,主要是在Chrome中。大部分时间都加载视频,但我想说大约10-15%的时间,没有加载任何内容,我在控制台中记录了一个错误。出错后刷新页面通常可以解决问题。
错误:
["Video Error", Object]
0: "Video Error"
1: Object
AT_TARGET: 2
BLUR: 8192
BUBBLING_PHASE: 3
Bb: function c(){return f}
CAPTURING_PHASE: 1
CHANGE: 32768
CLICK: 64
DBLCLICK: 128
DRAGDROP: 2048
FOCUS: 4096
KEYDOWN: 256
KEYPRESS: 1024
KEYUP: 512
MOUSEDOWN: 1
MOUSEDRAG: 32
MOUSEMOVE: 16
MOUSEOUT: 8
MOUSEOVER: 4
MOUSEUP: 2
NONE: 0
SELECT: 16384
bubbles: false
cancelBubble: true
cancelable: true
clipboardData: undefined
currentTarget: video#my_video_1_html5_api.vjs-tech
defaultPrevented: false
eventPhase: 2
initEvent: function initEvent() { [native code] }
mc: function d(){return l}
preventDefault: function (){e.preventDefault&&e.preventDefault();a.returnValue=l;a.zb=c}
relatedTarget: undefined
returnValue: true
srcElement: video#my_video_1_html5_api.vjs-tech
stopImmediatePropagation: function (){e.stopImmediatePropagation&&e.stopImmediatePropagation();
stopPropagation: function (){e.stopPropagation&&e.stopPropagation();a.cancelBubble=f;a.Bb=c}
target: video#my_video_1_html5_api.vjs-tech
timeStamp: 1375812343815
type: "error"
which: undefined
zb: function d(){return l}
__proto__: Object
length: 2
__proto__: Array[0]
我从中得不到什么。
我遇到了这个线程,但主要的修复似乎涉及到移动代码,我这样做并没有改变行为。Video.js-loadeddata事件从不触发
Javascript:
_V_("my_video_1").ready(function(){
var myPlayer = this;
sizeVideo(); //used to adjust my canvas so it fits in design based of screen width
myPlayer.play();
});
function sizeVideo(){
var viewSizeWidth=$('.video_wrapper').width();
var viewSizeHeight=parseInt(viewSizeWidth/1.7791);
var videoWrapperHeight=parseInt($('.video_wrapper').height());
$('#my_video_1 ').width(viewSizeWidth);
$('#my_video_1 ').height(viewSizeHeight);
$('#my_video_1 video').width(viewSizeWidth);
$('#my_video_1 video').height(viewSizeHeight);
if(viewSizeHeight> videoWrapperHeight ){
var heightOffset=(viewSizeHeight-videoWrapperHeight)/2;
$('#my_video_1 video').css('top','-' + heightOffset + 'px');
$('.video_wrapper').height(700);
}else{
$('#my_video_1 video').css('top','0px');
$('.video_wrapper').height(viewSizeHeight);
}
}
html
<video id="my_video_1" class='video-js vjs-default-skin' preload="auto" data-setup='{"controls": false,"loop":"true"}' autoplay poster='/img/video-placeholder.jpg'>
<source src="/vid/corp.mp4" type='video/mp4'>
<source src="/vid/corp.ogv" type='video/ogg'>
<source src="/vid/corp.webm" type='video/webm'>
</video>
我有点不知所措,而且"大部分时间"我都不太适应它的工作。
您似乎正在处理一个非常过时的videojs版本。我一直在使用它的最新版本之一,并修改了一些内容。我的编辑允许你点击手机视频缩略图上的任何位置,而不是正好在中间。它还允许响应视频=http://www.andy-howard.com/recreate-bbc-iplayer/index.html
相关文章:
- 如何检查用户在html5视频播放器中观看了完整的视频
- 使用angular.js问题的JavaSpringREST服务
- 检查xmlhttprequest问题的消息
- 在javascript中添加和显示对象的随机数组中的视频
- 如何解析Brightcove视频中的视频缩略图
- 如何创建包含多个视频的视频横幅
- 如何使用angularjs在iframe中嵌入来自数据库的视频链接
- 使我的视频标头响应
- Javascript的视频音量问题
- 我可以设置HTML5文件上传的视频长度限制吗
- 如何将缩略图链接到新页面上的视频
- 使用SeleniumWebdriver(带有Java)测试没有ID的视频
- AudioContext从blob获取数据的视频创建MediaElementSource
- 如何让iPhone用户在我的网站上观看带字幕的视频
- 如何修改此功能以获得最受欢迎的视频?(YouTube API v3)
- 在iPad上播放的视频-JS问题(仅声音)
- 幻灯片放映插件的视频问题
- HTML5媒体流用于视频录制问题的录制功能
- 产生间歇性问题的视频.js
- 问题的背景视频静音在mb.YTPlayer jQuery插件