-1

I have created 3 versions of a video file using Miro Video Converter to facilitate different browsers and I am using the following code to play them...

               <video class="rw-video video-js" data-settings="rw-green rw-flat-color rw-rounded"  title="My movie title" preload="auto" controls width="800" height="400" id="exampleVid1" poster="images/video.png" >
                <source src="images/movie1.mp4" type="video/mp4" />
                <source src="images/movie1.ogv" type="video/ogg" />
                <source src="images/movie1.webm" type="video/webm" />
                <p>Your browser does not support the video tag.</p>
                </video> 

The video plays just fine in firefox and safari but not in chrome - it appears to play in chrome but never starts - the hourglass just goes round and round and it never plays. I have checked filenames and that the video is uploaded. Any ideas? I wondered if Chrome maybe interprets "preload="auto"" to mean preload the entire video but fiddling with that didnt make any difference I could see. The movies are around 50mb in total and load instantly in other browsers.

user2317093
  • 746
  • 4
  • 8
  • 25

1 Answers1

0

this is actually a Google Chrome bug which prevents it to load more than 6 MP4 videos. Try putting preload="none" on all the videos and then start clicking on them. You will probably be able to open 6 of them but on 7th video Google Chrome will hang. That is how it is with me, but maybee this will happen sooner on your system.

But you will trigger the bug if you have MP$ video among your videos, so it is best to completely avoid the MP4 format. I solved it completely by using webm video format.

71GA
  • 1,132
  • 6
  • 36
  • 69