youtubeを埋め込みコードでBGMとして入れてみたが、音量が高すぎる。何とか音量を調整できないかと探してみると iframe plyer api を使う方法がたくさんあった。javascriptの知識がないので苦労したが多くの情報をつぎはぎしながらなんとか出来るようになった。忘れないうちにコードを記録しておく。
<div id=”player”></div> //プレーヤーを置く位置に記述
<script src=”https://www.youtube.com/iframe_api”></script>
<script>
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player(‘player’, {
width: 5,
height: 5,
videoId: ‘aXYtJB7Qslk’, //Youtube動画のID
events: {
’onReady’: onPlayerReady,
},
playerVars:{
start:213, //再生の開始位置(秒)
end:350, //再生の終了位置(秒)
autoplay:1 //自動再生
}
});
}
<script src=”https://www.youtube.com/iframe_api”></script>
<script>
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player(‘player’, {
width: 5,
height: 5,
videoId: ‘aXYtJB7Qslk’, //Youtube動画のID
events: {
’onReady’: onPlayerReady,
},
playerVars:{
start:213, //再生の開始位置(秒)
end:350, //再生の終了位置(秒)
autoplay:1 //自動再生
}
});
}
function onPlayerReady(event){
player.setVolume(20); //音量設定
}
</script>
※情報をいただいたサイト
- YouTube Player API を使った動画の再生
- iframe 組み込みの YouTube Player API リファレンス
- YouTube Player APIを使用したiframe動画の基本vol1 – 動画の設置と再生停止
- YouTube Player APIを使う時のtips集
etc………
—— 2020/1 更新 ——