rnd*_*ndm 8 video html5 mp4 google-chrome mediaelement
我在我的网站上使用最新的mediaelement.js播放html5视频.Google Chrome中有一些奇怪的东西.他播放一个视频,但不想播放mp4格式的其他视频,也不想回到webm.两个视频都使用ffmpeg转换为这个参数:
ffmpeg -i input.mov -acodec libfaac -ab 96k -vcodec libx264 -vpre slower -vpre main -level 21 -refs 2 -b 345k -bt 345k -threads 0 -s 640x360 output.mp4
Run Code Online (Sandbox Code Playgroud)
此外,第一个视频正常播放,不使用mp4格式的mediaelement.js库,第二个视频转为webm格式.
样本页面来自http://random.net.ua/video_test/:
http://random.net.ua/video_test/video1.html (好)http://random.net.ua/video_test/video2.html (好)http://random.net.ua/video_test/video1-mediaelement.html (好)http://random.net.ua/video_test/video2-mediaelement.html (失败)tre*_*mby 14
如果您$("video").get(0).currentSrc在控制台中尝试执行或等效,您将看到非mediaelement.js版本正在播放Webm视频,Chrome可以正常播放,但如果您在mediaelement.js版本中查看相同的内容,则会尝试玩MP4.
然后,如果你看一下,$("video").get(0).error你会发现你有一个MediaError.检查,你看它有"代码4".根据规范,即MEDIA_ERR_SRC_NOT_SUPPORTED.
现在,尝试$("video").get(0).canPlayType("video/mp4")- 它返回"maybe".
这是猜测现在,但也许Chrome报告"可能",因为它可以播放MP4的一些配置文件,但不能播放其他配置文件.不管是什么原因,我个人更喜欢Mediaelement.js将"maybe"视为"no",如果没有其他源类型可以原生播放的话,请继续启动Flash后备.修补它很容易.我刚刚在我刚刚制作的一个分支上做到了 - 看看https://github.com/tremby/mediaelement/tree/maybe-to-no
希望有所帮助.让我知道它是否适合你 - 我希望它会放弃MP4并在你的情况下尝试使用Webm.在我自己的项目中(调试让我想到这个问题)我只有一个MP4文件,Flash后备很乐意取而代之.
| 归档时间: |
|
| 查看次数: |
9404 次 |
| 最近记录: |