remodal.jsに埋め込んだ動画がモーダルを閉じても再生されている

Question

remodal.jsを使ってモーダルの中にmp4の動画を入れたものを作成しています。
モーダル内で再生・停止は出来るのですが、再生したままモーダルのクローズボタンでモーダルを閉じると
音声が流れ続ける（恐らく動画はとまらず再生されている）感じです･･･。
モーダルを閉じると同時に動画も再生を止めたいです。

プラグインのURL

モーダル発火前
<ul>
<li><a data-remodal-target="07">
<img src="hoge.jpg" alt=""><span>動画説明</span></a></li>
</ul>

モーダル発火後
<div class="remodal-wrapper remodal-is-opened" style="display: block;">
<div class="remodal remodal-is-initialized remodal-is-opened" data-remodal-id="07" data-remodal-options="hashTracking:true" tabindex="-1">
<button data-remodal-action="close" class="remodal-close"></button>
<video controls="" id="modalvideo">
<source src="1.mp4" onclick="playVideo()">
</video>
</div>
</div>

お詳しい方いらっしゃいましたらご教授お願い致します。
宜しくお願い致します。

Comments

[kei344]

プラグイン／ライブラリは似た名前のものもあるため、取得した場所のURLを質問文に追記ください。（URLにはリンクを張ることができます）

[summy]

URLを文章内に追加致しました。宜しくお願い致します。

Answer 1

videoを停止しているとこがないからでしょう
コールバック関数でvideoを止めればいけるような気がします。

<script>
    $(function(){
        $(document).on('closed', '.remodal', function () {
            var video = $('#modalvideo').get(0);
            video.pause();            // video 一時停止
            video.currentTime = 0;    // 次回再生時に最初から再生するなら再生時間を０に
        });
    });
</script>

複数のVideoがあるんですか・・
まず、メディアファイルのURLは、必須属性のsrc属性で指定します。 <source>を複数記述して、フォーマットの異なる複数のメディアファイルを指定しておくと、ブラウザに再生候補を提示することができます。
なので、<video>タグのsrcで再生する動画ファイルを指定します。
例：<video controls src="1.mp4" onclick="playVideo()"></video>

で、以下の停止中でないvideoを停止する方法ではどうでしょう？

<script>
    $(function(){
        $(document).on('closed', '.remodal', function () {
            $('video').each(function() {
                var video = $(this).get(0);
                if(!video.paused) {           // videoが一時停止中でないなら
                    video.pause();            // video 一時停止
                    video.currentTime = 0;    // 次回再生時に最初から再生するなら再生時間を０に
                }
            });
        });
    });
</script>

Comments

[summy]

miyakichiさん
ご回答ありがとうございます！
実はモーダルが何個か並んでおりまして、最初の1回目はモーダルクローズで動画も止まりました。
違うモーダルを立ち上げて再生してクローズすると、動画は再生されたままの状態になってしまいます…
videoのIDはすべて#modalvideoで統一しております。
何か良い方法がありましたらご教授いただければ幸いです。

[summy]

できました！
ありがとうございます！！！