回答編集履歴
1
ダブってしまったので編集しました
answer
CHANGED
|
@@ -1,58 +1,1 @@
|
|
|
1
|
-
自己解決しました。
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
通信の問題で、投稿がダブってしまったので編集しました
|
|
4
|
-
|
|
5
|
-
他にもっといい方法があるかもしれませんが、とりあえずやりたいことは出来たので良しとシたいと思います！
|
|
6
|
-
|
|
7
|
-
```html
|
|
8
|
-
<div id="player"></div><br>
|
|
9
|
-
<ul>
|
|
10
|
-
<li id="player00">最初から</li>
|
|
11
|
-
<li id="player01">chapter01</li>
|
|
12
|
-
<li id="player02">chapter02</li>
|
|
13
|
-
<li id="player03">chapter03</li>
|
|
14
|
-
</ul>
|
|
15
|
-
```
|
|
16
|
-
```javaScript
|
|
17
|
-
const tag = document.createElement('script');
|
|
18
|
-
tag.src = "https://www.youtube.com/player_api";
|
|
19
|
-
const firstScriptTag = document.getElementsByTagName('script')[0];
|
|
20
|
-
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
|
|
21
|
-
|
|
22
|
-
let player;
|
|
23
|
-
function onYouTubePlayerAPIReady() {
|
|
24
|
-
player = new YT.Player('player', {
|
|
25
|
-
height: '450',
|
|
26
|
-
width: '800',
|
|
27
|
-
videoId: 'M7lc1UVf-VE',
|
|
28
|
-
playerVars: {
|
|
29
|
-
autoplay: 1,
|
|
30
|
-
controls: 0,
|
|
31
|
-
rel: 0,
|
|
32
|
-
playsinline: 1
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
var chapter00 = document.getElementById('player00');
|
|
38
|
-
var chapter01 = document.getElementById('player01');
|
|
39
|
-
var chapter02 = document.getElementById('player02');
|
|
40
|
-
var chapter03 = document.getElementById('player03');
|
|
41
|
-
|
|
42
|
-
chapter00.addEventListener('click', function() {
|
|
43
|
-
player.loadVideoById({'videoId': 'M7lc1UVf-VE','startSeconds': 1});
|
|
44
|
-
}, false);
|
|
45
|
-
|
|
46
|
-
chapter01.addEventListener('click', function() {
|
|
47
|
-
player.loadVideoById({'videoId': 'M7lc1UVf-VE','startSeconds': 58});
|
|
48
|
-
}, false);
|
|
49
|
-
|
|
50
|
-
chapter02.addEventListener('click', function() {
|
|
51
|
-
player.loadVideoById({'videoId': 'M7lc1UVf-VE','startSeconds': 279});
|
|
52
|
-
}, false);
|
|
53
|
-
|
|
54
|
-
chapter03.addEventListener('click', function() {
|
|
55
|
-
player.loadVideoById({'videoId': 'M7lc1UVf-VE','startSeconds': 760});
|
|
56
|
-
}, false);
|
|
57
|
-
|
|
58
|
-
```
|