Videos and audios make your website more interesting:)
This tutorial is to teach you how to use the video and audio tag.
So you could add more contexts to your website.
In past, We used plug-in tool such as Adobe Flash Player to play video in website. But Flash is history now, Today we use HTML5 and
This is a example for code to add a
<video width="320" height="240" controls>
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
</video> As in any codes, there's a basic structure. Tags width="" height='' adjust the side of containers of video.
<video width="320" height="240" controls>The tag autoplay allows video to play automatically once the website opened
<video width="320" height="240" autoplay>The source tag tell the browser to find the video from the link address you provided.
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">>The type tag identifies the format of the video.
<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">In most situations, you would add youtube videos to your website. It is diffcult to add a youtube video by using
Right click to select the "copy the embed code" option.You get codes with tag <iframe>. The <iframe> tag is used to embed another document within the current HTML document.
<iframe width="854" height="480" src="https://www.youtube.com/embed/LSxElWwWVFE" frameborder="0" allowfullscreen></iframe>