以前こちらの質問で、jQueryの「Lity」を使用して、
画像をクリック後に自作のmp4動画をポップアップ、自動再生するコードをご教授いただきました。
https://teratail.com/questions/204973
この時の動画を音声付きにすると、
動画を最後まで再生するか、一旦停止する前にポップアップを閉じた時に音声のみがバックグラウンドで再生されたままになってしまいます。。
音声もポップアップを閉じた時に停止するように処理できないでしょうか・・・?
自学の初心者で大変恐縮ですが、ご教授頂けますと幸いです。
html
1<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 2<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/lity/1.6.6/lity.css' /> 3<script src='https://cdnjs.cloudflare.com/ajax/libs/lity/1.6.6/lity.js'></script> 4 5 6<a href='#popup' data-lity="data-lity"> <img src='(画像のurl)aaa.PNG' width='200' height='auto' title="aaa動画"/></a> 7 8<div id='popup' class="lity-hide"> 9<video autoplay="true" controls="controls" controlslist="nodownload" height="600" id="video201961115307" poster="" width="800"><source src="(動画のurl)aaa.mp4" autoplay />Your browser doesn't support video.<br /> 10Please download the file: <a href="(動画のurl)aaa.mp4">video/mp4</a></video> 11</div>
JavaScript
1$(function(){ 2 $('a').click(function() { 3 $('#video201961115307').get(0).currentTime = 0; 4 $('#video201961115307').get(0).play(); 5 }) 6});
あなたの回答
tips
プレビュー