html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<!-- Created by BroFarOps -->
<head>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
</style>
</head>
<body>
<div class="w3-container" align="center">
<div class="w3-content w3-display-container" style="max-width:800px">
<div class="mySlides fade">
<iframe width="250" height="250" src="https://www.youtube.com/embed/YvM9myyWGRw"></iframe>
</div>
<div class="mySlides fade">
<iframe width="250" height="250" src="https://www.youtube.com/embed/lNrWKdmV8uw"></iframe>
</div>
<div class="mySlides fade">
<iframe width="250" height="250" src="https://www.youtube.com/embed/LuaauwJELFQ"></iframe>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="slideshow-container" align="center">
<div class="mySlides fade">
<iframe width="250" height="250" src="https://www.youtube.com/embed/YvM9myyWGRw"></iframe>
</div>
<div class="mySlides fade">
<iframe width="250" height="250" src="https://www.youtube.com/embed/lNrWKdmV8uw"></iframe>
</div>
<div class="mySlides fade">
<iframe width="250" height="250" src="https://www.youtube.com/embed/LuaauwJELFQ"></iframe>
</div>
</div>
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run