difference between <video src=""> </video > and <video> <source> </source></video>?

Question

Could you please explain me the difference between

<video src=""> </video>

and

<video><source> </source></video>

?

Answer 1

By using <video> <source> </source> </video>. You can add multiple source elements. Multiple source elements can link to different video files. The browser will use the first recognized format.

 <video width="320" height="240" controls>
<source src=http://techslides.com/demos/sample-videos/small.webm type=video/webm> 
  <source src=http://techslides.com/demos/sample-videos/small.ogv type=video/ogg> 
  <source src=http://techslides.com/demos/sample-videos/small.mp4 type=video/mp4>
  <source src=http://techslides.com/demos/sample-videos/small.3gp type=video/3gp>
Your browser does not support the video tag.
</video>