CODEWITHSUNDEEP
htmlvideosafari
JavaNovice
JavaNovice

Reputation: 1142

HTML video tag won't work in Safari on Windows

I've coded a HTML video tag like below. When running the file in Safari browser on Windows OS (Safari version: 5.1.7) the video won't show in my page. I read through several links and understand the end of support for Safari on Windows but wanted to make sure that's indeed the reason for my video tag to not work. I don't have a Mac machine to try this. I tried the tag with .mp4 and .mov and neither would work. 

     <html>
       <body>
          <video loop controls="true" autoplay width='100%' height='100%' src='D:/safari.mov' type='video/mov'></video>
       </body>
     </html>

Thanks for your help!

Upvotes: 2

Views: 902

Answers (3)

Vitae Aliquam
Vitae Aliquam

Reputation: 1034

Try converting your video file again with a different software.

Sometimes the video file has issues, and the conversion process fixes it. In my case I used ffmpeg to remove the audio channel, and that fixed the issue with Safari:

ffmpeg -i input_file.mp4 -an output_file.mp4

Upvotes: 0

Johannes
Johannes

Reputation: 67738

You should add a second video file in OGG format so that it works on all browsers, like this:

<video loop controls="true" autoplay width='100%' height='100%'>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
</video>

Upvotes: 1

Rich
Rich

Reputation: 3336

Do you have Quicktime installed on your machine? If not, an install and restart should resolve the issue. Hope this helps.

Upvotes: 1

Related Questions