htmlvideohtml5-videomozillamime

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

I have hundred video in local web page, that all are videos added inside of bootstrap modal content, modal will open and video playing when click static image, here few video played well in Mozilla Firebox, Those remaining videos not played in Mozilla Firebox and not on Google Chrome. it mozila shows error "no video with support format and MIME type found",

Those whole video details, 

        type - video

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

        Resolution - 1280 x 720

So find the solution why few video not play in Mozilla Firebox ?enter image description here

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

  • 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".

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