视频无法在IE9 / IE10 / IE11中播放

时间:2013-12-11 09:57:22

标签: internet-explorer-9 html5-video internet-explorer-10 video.js

我正在使用Video Js并且视频无法在IE9 / IE10 / IE11中播放,也不会切换到Flash。

以下列出了我所做的事情:

  • 使用绝对路径链接视频
  • 在.htaccess中为mp4文件添加以下MIME类型:

    AddType audio/mpeg .mp3  
    AddType audio/mp4 .m4a  
    AddType audio/ogg .ogg  
    AddType audio/ogg .oga  
    AddType audio/webm .webma  
    AddType audio/wav .wav  
    
    AddType video/mp4 .mp4  
    AddType video/ogg .ogv  
    AddType video/webm .webm  
    AddType video/webm .webmv
    
  • 尝试将'techOrder'更改为['flash','html5'],但随后视频会在所有浏览器中加载Flash(如果我可以加载它们,即使只使用Flash,我会很高兴)

  • 以这种方式调用视频:

    var myPlayer = videojs('video_restaurant');   
    
    videojs('video_restaurant').ready(function(){
        this.requestFullScreen();
        var myPlayer = this;
        var path = "{{ siteUrl }}assets/place-video/{{ entry.slug }}/{{ entry.slug }}"
        if(Environment.isMobile()){
            myPlayer.src([
              { type: "video/mp4", src: path + "_smartphone.mp4" }
            ]);
            if(screen.width > 395){
                myPlayer.src([
              { type: "video/mp4", src: path + "_tablet.mp4" }
            ]);
            }
        }else{
            myPlayer.src([
              { type: "video/mp4", src: path + "_desktop.mp4" }
            ]);
        }
    });    
    
    <video id="video_restaurant" class="video-js vjs-default-skin"
      autoplay controls preload="auto" width="100%" height="100%"
      poster="{% for image in entry.backgroundImage %}{{ image.url }}{% endfor %}">
    </video>
    
  • 使用多种软件(HandBrake,Adobe)和编解码器(H264,MPEG-4)对视频进行编码和重新编码,即使它与其他浏览器(Safari 6,Chrome 31,Firefox 25)一起正常工作

我在IE控制台中得到的是以下错误:Video Error, [object, Object]。 但是,如果我复制视频的网址并在新的标签/窗口中打开它,则视频加载就好了。

欢迎任何帮助。如果您需要更多信息,请告诉我。

0 个答案:

没有答案