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

Local - No video with supported format and MIME type found in Mozila Firebox

我在本地网页有一百个视频,都是在bootstrap模态内容中添加的视频,点击静态图片模态会打开并播放视频,这里有几个视频在Mozilla Firebox中播放得很好,那些剩余的视频未在 Mozilla Firebox 中播放,也未在 Google Chrome 上播放。 mozila 显示错误 "no video with support format and MIME type found"、

那些完整的视频细节,

        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>
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>