レス数:1 / 状態:未解決 / No:21 / ATOM
1
日付:2016/06/11(土)14:59:38
ID:rrFN1TsvIXO5
YouTubeのIframeAPIを使って、再生リスト（cuePlaylistを使って、複数のyoutube動画を再生させる）
のプログラムを作成しておりますが、下記の部分がどうすればよいかわかりません。
ご教示、お願いいたします。
【やりたいこと】
１．htmlファイルを開いたときに、動画再生リストが自動的に再生を始める。
↓
動画を再生中
↓
２．htmlファイルから、別のページに移動し、再度戻った時に、途中から再生を始める。
【できないこと】
２の「途中から再生を始める」という部分が、わかりません。
再生状況を取得するのがよいのか等、初心者なので、どうすればよいかわかりません。
ご教示をお願いいたします。
――――――――ＨＴＭＬファイルの全体――――――――
<!DOCTYPE html>
<html>
<body>
<div id="player"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '360',
width: '640',
playerVars: {
rel: 0,
autoplay: 1,
loop:1
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
},
});
}
// 再生リスト
function onPlayerReady(event) {
player.cuePlaylist([
'v8N0Y2ETCl8',
'P_WjrS6YjxA'
]);
}
function onPlayerStateChange(event) {
// プレイヤーステートを取得する
var state = player.getPlayerState();
// 頭出し済み状態である
if(state == YT.PlayerState.CUED){
// 動画を再生する
player.playVideo();
}
}
</script>
</body>
</html>
――――――――ＨＴＭＬファイルの全体――――――――
のプログラムを作成しておりますが、下記の部分がどうすればよいかわかりません。
ご教示、お願いいたします。
【やりたいこと】
１．htmlファイルを開いたときに、動画再生リストが自動的に再生を始める。
↓
動画を再生中
↓
２．htmlファイルから、別のページに移動し、再度戻った時に、途中から再生を始める。
【できないこと】
２の「途中から再生を始める」という部分が、わかりません。
再生状況を取得するのがよいのか等、初心者なので、どうすればよいかわかりません。
ご教示をお願いいたします。
――――――――ＨＴＭＬファイルの全体――――――――
<!DOCTYPE html>
<html>
<body>
<div id="player"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '360',
width: '640',
playerVars: {
rel: 0,
autoplay: 1,
loop:1
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
},
});
}
// 再生リスト
function onPlayerReady(event) {
player.cuePlaylist([
'v8N0Y2ETCl8',
'P_WjrS6YjxA'
]);
}
function onPlayerStateChange(event) {
// プレイヤーステートを取得する
var state = player.getPlayerState();
// 頭出し済み状態である
if(state == YT.PlayerState.CUED){
// 動画を再生する
player.playVideo();
}
}
</script>
</body>
</html>
――――――――ＨＴＭＬファイルの全体――――――――
このスレッドについて
| 質問の状態 : | 未解決 |
| 投稿開始日 : | 2016/06/11(土)14:59:38 |
| 投稿終了日 : | 2016/06/18(土)14:59:44 |
| 投稿者 : | |
| レス総数 : | 1 |
| スレッド番号 : | 21 |