-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
69 lines (44 loc) · 1.55 KB
/
index.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!doctype html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>● no allow="autoplay"</title>
</head>
<body>
<iframe
id='no-autoplay'
src='https://player.vimeo.com/video/143749617?controls=false&loop=true'
width='640' height='480' frameborder='0'
webkitallowfullscreen mozallowfullscreen allowfullscreen
>
</iframe>
<button rel='start-no-autoplay'>Start video with no allow="autoplay"</button>
<iframe
id='autoplay'
src='https://player.vimeo.com/video/143749617?controls=false&loop=true'
width='640' height='480' frameborder='0'
webkitallowfullscreen mozallowfullscreen allowfullscreen
allow="autoplay"
>
</iframe>
<button rel='start-autoplay'>Start video WITH allow="autoplay"</button>
<script src="https://player.vimeo.com/api/player.js"></script>
<script>
var $noAutoplay = document.querySelector('#no-autoplay');
var noAutoPlay = new Vimeo.Player($noAutoplay);
var $autoplay = document.querySelector('#autoplay');
var autoPlay = new Vimeo.Player($autoplay);
document.addEventListener('click', function(event) {
if ( event.target.matches('[rel="start-no-autoplay"]') ) {
console.log('start-no-autoplay: clicked');
noAutoPlay.play();
}
if ( event.target.matches('[rel="start-autoplay"]') ) {
console.log('autoplay: clicked');
autoPlay.play();
}
console.log(event.target, ' was clicked');
});
</script>
</body>
</html>