HTML YouTube video
<iframe> tag is used to play YouTube video on the page.
Attribute <src> is set by video URL, and <width>, <height> sets the video player dimension.
Other parameters can be added URL to add more properties.
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.