一些背景
我在FF和Safari(包括iDevices)中测试了我的视频,并且播放正常,但它不会在Chrome浏览器中播放。您可以在下面的代码中看到,我已经创建了mp4,m4v,webM和ogv文件,我已经在我的电脑上测试了所有播放问题。
症状/问题
在Chrome中,视频似乎加载,控制台日志中没有错误。当按下播放按钮时,它加载文件的一部分,但是不播放。然而,有趣的是,如果我在时间栏中稍后点击,说一半,即使使用字幕,也不会播放音频,播放约5秒的视频。
我的研究
我已经阅读了可能导致这一点的任何问题,但是我没有发现任何有用的想法。要注意,我在.htaccess文件中写了以下内容:
# ----------------------------------------------------------------------
# Proper MIME type for all files
# ----------------------------------------------------------------------
# Audio
AddType audio/ogg oga ogg
AddType audio/mp4 m4a
AddType audio/webm webm
# Video
AddType video/ogg ogv
AddType video/mp4 mp4 m4v
AddType video/webm webm
# Assorted types
AddType image/x-icon ico
AddType image/webp webp
AddType text/cache-manifest appcache manifest
AddType text/x-component htc
AddType application/x-chrome-extension crx
AddType application/x-opera-extension oex
AddType application/x-xpinstall xpi
AddType application/octet-stream safariextz
AddType application/x-web-app-manifest+json webapp
AddType text/x-vcard vcf
AddType text/plain srt
另外,我正在使用mediaelement.js库。
这是HTML:
这是简单的js:
$('video,audio').mediaelementplayer({
features: ['playpause','progress','current','tracks','volume'],startLanguage: 'en'
});
有任何想法吗?
感谢任何和所有的帮助在这件事!