※html5 jquery3.3.1を使用しています。
実現したいこと
※1で再生されたaudioを※2で停止させる方法が知りたい
現状
audioの再生はできたが停止しない
"var audio = $('audio', this)[0]"の宣言の記述が間違っているのか
再生中のaudioが停止しません
html
1<body> 2 3 <p class="padding">文章1</p> 4 <p class="padding">文章2</p> 5 <p class="padding">文章3</p> 6 7 <!--※1 audio再生--> 8 <div class="bgmbox"> 9 <p><audio src="bgm.mp3" preload="auto"></audio></p> 10 <p class="padding">文章4</p> 11 <p class="padding">文章5</p> 12 13 <!--※2 audio停止--> 14 </div> 15 <p class="padding">文章6</p> 16 17 18</body>
jQuery
1/* 可視範囲でaudio再生、可視範囲外でaudio停止 */ 2 3$(function(){ 4 $(window).scroll(function (){ 5 $(".bgmbox").each(function(){ 6 var objectPos = $(this).offset().top; 7 var scroll = $(window).scrollTop(); 8 var windowHeight = $(window).height(); 9 10 var audio = $('audio', this)[0] 11 12 if (scroll > objectPos - windowHeight){ 13 audio.play(); 14 } 15 16 else { 17 audio.pause(); 18 audio.currentTime = 0; 19 } 20 }); 21 }); 22 });
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/23 06:39
2019/04/23 18:04
2019/04/23 23:37
2019/04/24 02:13
2019/04/24 03:16
2019/04/24 03:58
2019/04/24 04:37
2019/04/24 07:49 編集