home
play_circle_filled
menu
cached
settings_brightness
Run
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <head> <title>HTML iframe tag example</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .mydiv { border: 1px solid #d1d1d1; background: #d5d5d515; padding: 10px; margin: 20px 0px; } .d1{ border: 1px solid black; border-radius: 5px; padding: 5px; margin-top: 10px; width: 580px; height: 280px; } .d2{ border: 1px solid rgb(19, 18, 18); border-radius: 5px; padding: 5px; margin-top: 10px; width: 600px; height: 250px; } </style> </head> <body> <div class="mydiv"> <h3>HTML iframe tag example</h3> <p>It is possible to embed any media sources, such as a YouTube video link, using the iframe tag.</p> </div> <h4>Document in iframe</h4> <div class="d1"> <iframe src="./index.jsp" title="Iframe Example" width="500px" height="250px"></iframe> </div> <h4>Youtube link in iframe</h4> <div class="d2"> <iframe src="resources/media/seaside.mp4" width="500px" height="250px" allowfullscreen></iframe> </div> </body> </html>