Question

我的问题是，我无法在Firefox中播放任何视频。在Chrome中效果很好。这是我的HTML代码，用于嵌入视频：

<video id="video" controls="controls" width="600" height="357" poster="./static/img/video-thumb.png" preload="metadata" aria-describedby="full-descript">
   <source src="./static/video/demo.ogv" type="video/ogg; codecs=&quot;theora, vorbis&quot;">
   <source src="./static/video/demo.webm" type="video/webm">
   <source src="./static/video/demo.mp4" type="video/mp4">
</video>

当我尝试访问（例如MP4文件）时，会出现奇怪的字符而没有视频。 Firefox出了什么问题？

PS：路径很好，视频有效

修改在我的firefox控制台中：

HTTP "Content-Type" of "text/html" is not supported. Load of media resource http://localhost:8104/home/static/video/demo.ogv failed.
HTTP "Content-Type" of "text/html" is not supported. Load of media resource http://localhost:8104/home/static/video/demo.webm failed.
HTTP "Content-Type" of "text/html" is not supported. Load of media resource http://localhost:8104/home/static/video/demo.mp4 failed.

Answer 1

您的服务器通过

提供所有内容

<强>＆＃34;内容类型＆＃34; ＆＃34; text / html＆＃34;

假设它是一个apache服务器，您需要将以下.htaccess文件添加到包含该视频的目录中。

# Server can play audio
# MP3 audio
AddType audio/mpeg3 .mp3
AddType audio/mp3 .mp3
AddType audio/x-mpeg3 .mp3

# Ogg Vorbis audio
AddType audio/ogg .ogg
AddType audio/ogg .oga

# Server can play video
# Ogg Theora video
AddType video/ogg .ogv

# MP4 video
AddType video/mp4 .mp4

# Webm video
AddType video/webm .webm

对于其他服务器，您需要查看有关如何设置MIME类型的文档。

Answer 2

抱歉，我没有足够的声誉，这就是为什么在这里发帖。所以我面临同样的问题，所以我做的是从主机获取音频路径和

<a href="http:// Your path" target="_blank"> Click to play Audio </a>

因此它将在新页面中打开，并且可以轻松播放您的音频。

无法在Firefox中播放任何类型的视频

2 个答案: