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>
<head>
<title>Page Title</title>
</head>
<body>
<div id="player1"></div>
<button>play/pause</button>
<script type="text/javascript">
var tag = document.createElement('script');
tag.id = 'iframe-demo';
tag.src = 'https://www.youtube.com/iframe_api';
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
let player = new YT.Player('player1', {
width:'340',
height:'460',
videoId:'pCBqgREiSUE',
playerVars:{
'controls':0
},
events: {
'onReady': onPlayerReady,
css
css
1
2
3
4
body {
}
js
js
1
BROWSER
Console
Run