我正在使用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>
我在IE控制台中得到的是以下错误:Video Error, [object, Object]
。
但是,如果我复制视频的网址并在新的标签/窗口中打开它,则视频加载就好了。
欢迎任何帮助。如果您需要更多信息,请告诉我。