HTML Video
<video>
tag uses <source>
tag for video files of alternate formats.
The first recognized file will be played.
The controls attribute adds media control buttons on the screen. such as play, pause, volume etc.
If no files recognized by the browsers the text inside <video>
tags will be displayed.
Learning with HTML Editor "Try it Now"
You can edit the HTML code and view the result using online editor.
Example
<!DOCTYPE html>
<html>
<!-- Example: iframe element -->
<head>
<title>Page Title</title>
<style>
.d1{
border: 1px solid black;
border-radius: 5px;
padding: 5px;
margin-top: 10px;
width: 680px;
height: 480px;
}
.d2{
border: 1px solid rgb(19, 18, 18);
border-radius: 5px;
padding: 5px;
margin-top: 10px;
width: 680px;
height: 480px;
}
</style>
</head>
<body>
<h1>iframe example </h1>
<h1>Document in iframe</h1>
<div>
<iframe class="d2" src="index.jsp" title="Iframe Example"></iframe>
</div>
<h1>Media in iframe</h1>
<div>
<iframe class="d1" src="https://www.youtube.com/embed/RL4CyCvt6aw; allowfullscreen></iframe>
</div>
</body>
</html>
Click on the "See output" button to see how it works.