最初はビデオが非表示になっています。ID の画像をクリックすると3
、動画が表示されます。close_video
プレイヤーを非表示にする ID 付きのボタンを配置します。問題は、ボタンをクリックした後もビデオが実行されていることです。ビデオを一時停止するにはどうすればよいですか?
コードは次のとおりです。
<div id="video" class="popup-video">
<div class="video">
<div class="close_video" id="close_video">
</div>
<video id="id_video" width="400" height="257" controls="controls" preload="auto">
<source src="{$content_dir}themes/trendy/video/Wildlife.mp4" type="video/mp4"/>
</video>
</div>
</div>
<script>
$(document).ready(function(){
$('#3').click(function(){
$("#video").removeClass("popup-video").addClass("popup-video-show");
});
});
</script>
<script>
$(document).ready(function(){
$('#close_video').click(function(){
$("#video").removeClass("popup-video-show").addClass("popup-video");
});
});
</script>
私もこれを試しました:
<script>
$(document).ready(function(){
$('#close_video').click(function(){
$("#video").removeClass("popup-video-show").addClass("popup-video");
document.getElementById('id_video').pause();
// and $("#id_video").pause();
});
});
</script>
まだ効果なし。ビデオは消えますが、まだ実行されています。