回答編集履歴

ダブってしまったので編集しました

2020/06/30 03:08

投稿

yMarch

スコア17

test CHANGED Viewed

@@ -1,115 +1 @@
-自己解決しました。
-最初の動画のオートプレイは諦めました。
+通信の問題で、投稿がダブってしまったので編集しました
-他にもっといい方法があるかもしれませんが、とりあえずやりたいことは出来たので良しとシたいと思います！
-```html
-<div id="player"></div><br>
-<ul>
-  <li id="player00">最初から</li>
-  <li id="player01">chapter01</li>
-  <li id="player02">chapter02</li>
-  <li id="player03">chapter03</li>
-</ul>
-```
-```javaScript
-  const tag = document.createElement('script');
-  tag.src = "https://www.youtube.com/player_api";
-  const firstScriptTag = document.getElementsByTagName('script')[0];
-  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
-  let player;
-  function onYouTubePlayerAPIReady() {
-    player = new YT.Player('player', {
-      height: '450',
-      width: '800',
-      videoId: 'M7lc1UVf-VE',
-      playerVars: {
-          autoplay: 1,
-          controls: 0,
-          rel: 0,
-          playsinline: 1
-			}
-    });
-  }
-var chapter00 = document.getElementById('player00');
-var chapter01 = document.getElementById('player01');
-var chapter02 = document.getElementById('player02');
-var chapter03 = document.getElementById('player03');
-chapter00.addEventListener('click', function() {
-    player.loadVideoById({'videoId': 'M7lc1UVf-VE','startSeconds': 1});
-}, false);
-chapter01.addEventListener('click', function() {
-    player.loadVideoById({'videoId': 'M7lc1UVf-VE','startSeconds': 58});
-}, false);
-chapter02.addEventListener('click', function() {
-    player.loadVideoById({'videoId': 'M7lc1UVf-VE','startSeconds': 279});
-}, false);
-chapter03.addEventListener('click', function() {
-    player.loadVideoById({'videoId': 'M7lc1UVf-VE','startSeconds': 760});
-}, false);
-```