本地 - 在 Mozilla Firefox 中找不到支持格式和 MIME 类型的视频

Posted 2023-03-15

【中文标题】本地 - 在 Mozilla Firefox 中找不到支持格式和 MIME 类型的视频

【英文标题】：Local - No video with supported format and MIME type found in Mozila Firebox

【发布时间】：2016-06-12 08:46:29

【问题描述】：

我在本地网页上有一百个视频，都是在引导模式内容中添加的视频，单击静态图像时会打开模式并播放视频，这里很少有视频在 Mozilla Firebox 中播放得很好，其余的视频在 Mozilla 中没有播放Firebox 而不是在 Google Chrome 上。 mozila 显示错误“找不到支持格式和 MIME 类型的视频”，

那些完整的视频细节，

        type - video

        codec - H264 - MPEG-4 AVC video, AAC audio

        Resolution - 1280 x 720

那么找到解决方案为什么很少有视频不能在 Mozilla Firebox 中播放？

html

<div class="modal-body">                      
   <video  controls>
        <source  id="Video1" src="video/video1.Mp4" type="video/mp4">
    </video>            
</div>
.
.
<div class="modal-body">                      
   <video  controls>
        <source  id="Video2" src="video/video2.Mp4" type="video/mp4">
    </video>            
</div>
.
.
.
<div class="modal-body">                  
    <video  controls>
        <source  id="Video100" src="video/video100.Mp4" type="video/mp4">
    </video>            
</div>

【问题讨论】：

firefox 中的 MP4 依赖于操作系统库或插件 - 请参阅：support.mozilla.org/en-US/kb/html5-audio-and-video-firefox。如果由于某种原因该库在您的操作系统中不存在，这可能会导致问题。

我正在使用编解码器 - H264 - MPEG-4 AVC 视频，仅 AAC 音频格式，Mozilla 接受的格式，这里有超过 100 个视频，在 Mozilla Firebox 中播放良好的视频很少，剩下的Mozilla Firebox 中没有播放的视频，我不知道为什么？，我觉得可能是 Mozilla 的内存问题

如果您能够提供指向其中一个无法播放的视频的链接，则可以进一步查看。

我找到了解决这个问题的方法，我确实改变了格式，比如 video1.webm 而不是 video1.mp4，它工作正常

【参考方案1】：

Actually problem was used Mp4 format. if used Mp4 format at Mozilla Firebox some limited videos only played without error in local machine, some videos link got the error Message

So Change the video1.webm format instead of video1.Mp4 format. its working fine, and change the type also  type="video/webm".



Html

    <div class="modal-body">                      
           <video  controls>
                <source  id="Video1" src="video/video1.webm" type="video/webm">
            </video>            
        </div>
        .
        .
        <div class="modal-body">                      
           <video  controls>
                <source  id="Video2" src="video/video2.webm" type="video/webm">
            </video>            
        </div>
        .
        .
        .
        <div class="modal-body">                  
            <video  controls>
                <source  id="Video100" src="video/video100.webm" type="video/webm">
            </video>            
        </div>