chrome html5 优酷视频,HTML5视频不会在Chrome中播放

一些背景

我在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:

myVideo.jpg

这是简单的js:

$('video,audio').mediaelementplayer({

features: ['playpause','progress','current','tracks','volume'],startLanguage: 'en'

});

有任何想法吗?

感谢任何和所有的帮助在这件事!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值