产生间歇性问题的视频.js

Video.js producing intermittent issues

本文关键字:问题 的视频 js      更新时间:2023-09-26

拥有一个产生间歇性错误的网站。到目前为止,主要是在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