Why does my website video works on Chrome and Safari but not Firefox?
I just uploaded my website and when I view the site on Chrome or Safari my video works fine. When I look at it on Firefox, the controls for the video are there but there is no picture. It doesn't matter what computer I use to view the site. I used Dreamweaver CC to create the site and I used MP4, OGG, and WEBM, video files as well as a flash backup. The strange thing is that when do a local preview on Firefox within the Dreamweaver program it works just fine.
All Replies (6)
Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?
Did you check the src attribute of the video and verified that this file is on the server in the specified location?
I'm sorry, I am very new to creating websites. I don't understand your questions.
Here is the code for the video div.
<div id="video">
<video controls autoplay >
<source src="Video/MMMFoxNews.mp4" type="video/mp4">
<source src="Video/MMMFoxNews.ogg" type="video/ogg">
<source src="Video/MMMFoxNews.webm" type="video/webm">
<embed src="Video/MMMFoxNews.mp4" type="application/x-shockwave-flash" />
</video>
Modified by cor-el
Apparently you can't put code into a reply. Anyway, I have source src="Video/MMMFoxNews.mp4" type="video/mp4" for each of the different types of video files.
Are all the files in that location on the server and is the server configured to send each of those files with the correct MIME type?
The later is essential because otherwise Firefox will refuse to play a file.
- https://developer.mozilla.org/Properly_Configuring_Server_MIME_Types
- https://developer.mozilla.org/How_Mozilla_determines_MIME_Types
You can check the Browser Console (Firefox/Tools > Web Developer) for errors.
Modified by cor-el