So I used AnyConverter do convert a .mov
to .mpf
, .ogv
and .webm
formats. I then put them in a video directory and used the following code
<video width="500" height="281">
<source src="/video/video.mp4" type="video/mp4" />
<source src="/video/video.ogv" type="video/ogg" />
<source src="/video/video.webm" type="video/webm" />
</video>
However, the video does not show in Sarari, Chrome or Firefox newest versions. I'm using the HTML 5 Doctype and not sure what is happening. Any suggestions?
EDIT
Odd, I changed the path to the full url and it still did not work. Then when I pasted the url in Firefox the video played. I wonder if its something outside of the video tag...
If your browser error "HTML5 video file not found", it means that your browser is not up to date or website pages does not have a suitable video codec. It would help if you communicated with the developer to solve the issue and install all the required codecs.
There are 3 things to check: make sure your video files are properly encoded for web delivery. make sure the server where the videos are hosted is properly configured for web delivery. make sure your others scripts on the page do not interfere with video playback.
HTML5 is now compatible with all popular browsers (Chrome, Firefox, Safari, IE9, and Opera) and with the introduction of DOCTYPE, it is even possible to have a few HTML features in older versions of Internet Explorer too.
Like all other HTML tags, the <video> tag supports the global attributes in HTML5.
Make sure your path is correct for video files. rest of the code is fine
Add Controls Attribute on Video Tag like: Here is the full reference http://www.w3schools.com/html/html5_video.asp
<video width="500" height="281" controls>
<source src="/video/video.mp4" type="video/mp4" />
<source src="/video/video.ogv" type="video/ogg" />
<source src="/video/video.webm" type="video/webm" />
</video>
Add controls
attribute on video node
<video width="500" height="281" controls>
...
...
</video>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With