HTML5视频无法在任何浏览器中使用

德克里斯

我在这里找到了同一问题的其他帖子,例如thisthis,但我无法解决我的问题。首先,我在javascript之下运行:

<script type="text/javascript">
    var options = JSON.stringify({'maxSize': 320, 'videoQuality': 6, 'noaudio': true});
    ogg.encode(options);
</script>

然后我有下面的HTML:

<video id="video1" width="500" controls="controls" >
    <source src="Rio2Trailer.mp4" type="video/mp4"/>
    <source src="Rio2Trailer.ogv" type="video/ogg"/>
    <source src="Rio2Trailer.webm" type="video/webm" />
    The browser does not support HTML5 video.
</video>

我尝试添加

AddType video/webm .webm
AddType video/mp4 .mp4

到.htaccess文件(为空),但未成功。

在Firefox上,我收到以下消息:

找不到支持格式和MIME类型的视频。

在Chrome上,我只能看到控件,但是它们看起来像是被禁用了,而且在屏幕中间也看不到播放按钮。

阿诺·莱德(Arnaud Leyder)

播放HTML5视频可能很棘手。有3件事要检查:

  • 检查您的MP4文件是否已正确编码以进行网络交付。您可以尝试使用手刹或MP4Box或ffmpeg重新打包文件。您需要通过手刹激活“网络优化”选项(又名快速启动)。
  • 检查你的服务器配置:对于MIME类型看看这里一节“MIME类型后他们丑陋的头”。更改配置后,尝试重新启动Apache服务器。如果它在.htaccess中不起作用,请尝试在整个站点范围内使用httpd.conf。其他要检查的内容包括CORS和206部分内容/范围请求
  • 检查您的脚本/ HTML5:在mp4的空白页中尝试使用准系统HTML5视频标签。如果有效,则页面中的脚本可能会影响视频播放。播放全高清视频时,您还可以检查CPU负载。

我通常使用videojs mp4示例作为已知工作的mp4 / server配置的参考。这适用于mp4,但也适用于webm / ogg(您可以使用make web video进行代码转换为WebM或Ogg)。

让我们知道怎么回事。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

HTML5视频:ffmpeg编码的MP4不能在任何浏览器中播放(但是在VLC中播放)

来自分类Dev

Ubuntu 18.04 无法在任何浏览器中播放任何视频或音频?

来自分类Dev

HTML5视频无法在OS X的Firefox浏览器中正常播放

来自分类Dev

ffmpeg mp4视频无法在浏览器的html5视频播放器上播放(格式错误)

来自分类Dev

URL extensions.gnome.org,用于管理无法在任何浏览器中使用的GNOME扩展

来自分类Dev

Java无法在任何浏览器中运行

来自分类Dev

HTML5视频,视频数据如何发送到浏览器?

来自分类Dev

HTML5音频浏览器无法解码使用IMA ADPCM编码的WAV文件

来自分类Dev

为什么即使使用HTML5也无法通过浏览器进行UDP连接?

来自分类Dev

强制浏览器更新缓存的HTML5视频对象

来自分类Dev

浏览器如何确定HTML5视频标签是否显示全屏按钮?

来自分类Dev

在移动浏览器上自动播放HTML5视频

来自分类Dev

仅限跨浏览器HTML5视频预加载海报

来自分类Dev

移动浏览器在加载html5背景视频时遇到问题

来自分类Dev

兼容浏览器中未显示HTML5视频标签

来自分类Dev

仅限跨浏览器HTML5视频预加载海报

来自分类Dev

播放前html5视频Safari浏览器已全部下载

来自分类Dev

浏览器如何确定HTML5视频标签是否显示全屏按钮?

来自分类Dev

在浏览器中为HTML5视频代码转码RTSP

来自分类Dev

仅在旧浏览器中处理Html5视频+ Mp4源

来自分类Dev

带有 html5 视频和 javascript 注入的 c# WPF 浏览器

来自分类Dev

在大多数使用html5的现代浏览器中,可以播放视频格式以及视频和音频编解码器的哪些组合?

来自分类Dev

即使支持HTML5视频,浏览器仍会加载HTML5后备图片

来自分类Dev

HTML5视频无法在Safari中使用

来自分类Dev

使用Chrome浏览HTML5视频

来自分类Dev

在CSS中使用自定义@ font-face在任何浏览器中均不起作用

来自分类Dev

在CSS中使用自定义@ font-face在任何浏览器中均不起作用

来自分类Dev

html5将视频流式传输到多个浏览器,并使视频在所有浏览器上保持同步

来自分类Dev

跨浏览器的HTML5视频兼容性不适用于多种视频格式

Related 相关文章

  1. 1

    HTML5视频:ffmpeg编码的MP4不能在任何浏览器中播放(但是在VLC中播放)

  2. 2

    Ubuntu 18.04 无法在任何浏览器中播放任何视频或音频?

  3. 3

    HTML5视频无法在OS X的Firefox浏览器中正常播放

  4. 4

    ffmpeg mp4视频无法在浏览器的html5视频播放器上播放(格式错误)

  5. 5

    URL extensions.gnome.org,用于管理无法在任何浏览器中使用的GNOME扩展

  6. 6

    Java无法在任何浏览器中运行

  7. 7

    HTML5视频,视频数据如何发送到浏览器?

  8. 8

    HTML5音频浏览器无法解码使用IMA ADPCM编码的WAV文件

  9. 9

    为什么即使使用HTML5也无法通过浏览器进行UDP连接?

  10. 10

    强制浏览器更新缓存的HTML5视频对象

  11. 11

    浏览器如何确定HTML5视频标签是否显示全屏按钮?

  12. 12

    在移动浏览器上自动播放HTML5视频

  13. 13

    仅限跨浏览器HTML5视频预加载海报

  14. 14

    移动浏览器在加载html5背景视频时遇到问题

  15. 15

    兼容浏览器中未显示HTML5视频标签

  16. 16

    仅限跨浏览器HTML5视频预加载海报

  17. 17

    播放前html5视频Safari浏览器已全部下载

  18. 18

    浏览器如何确定HTML5视频标签是否显示全屏按钮?

  19. 19

    在浏览器中为HTML5视频代码转码RTSP

  20. 20

    仅在旧浏览器中处理Html5视频+ Mp4源

  21. 21

    带有 html5 视频和 javascript 注入的 c# WPF 浏览器

  22. 22

    在大多数使用html5的现代浏览器中,可以播放视频格式以及视频和音频编解码器的哪些组合?

  23. 23

    即使支持HTML5视频,浏览器仍会加载HTML5后备图片

  24. 24

    HTML5视频无法在Safari中使用

  25. 25

    使用Chrome浏览HTML5视频

  26. 26

    在CSS中使用自定义@ font-face在任何浏览器中均不起作用

  27. 27

    在CSS中使用自定义@ font-face在任何浏览器中均不起作用

  28. 28

    html5将视频流式传输到多个浏览器,并使视频在所有浏览器上保持同步

  29. 29

    跨浏览器的HTML5视频兼容性不适用于多种视频格式

热门标签

归档