Before using HTML5 in our website development, the use of videos was restricted to the acceptance of Adobe Flash Player on devices. However, that obligation does not exist anymore because of the great effort in the development of <video>
in HTML5, and also very powered by the positioning of Apple to deny Adobe Flash Player on their devices.
Currently, this element <video>
is very well accepted in the existing devices and modern browsers (IE9 and later), making its handling and especially its flexibility on responsive websites much easier. Just to clarify, the following is how the video
tag is commonly seen on DOM:
<video id="highlight-video" poster="snapshot.jpg" controls> <source src="video.m4v" type="video/mp4" /> <!-- for Safari --> <source src="video.ogg" type="video/ogg" /> <!-- for Firefox --> </video>
The CSS code which makes the video fluid is quite simple:
video, iframe { max-width: 100%; height...