Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.02.2020, 15:37
Аспирант
Отправить личное сообщение для weirdjava Посмотреть профиль Найти все сообщения от weirdjava
 
Регистрация: 01.03.2017
Сообщений: 39

Видео mp4 продолжает работать при закрытии модального окна
Всем привет, у меня проблема, видео mp4 продолжает работать при закрытии модального окна.Но с youtube и vimeo проблем нет.В чем может быть проблема?
<html>
<head>
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

</head>
  <body>
    <div class="container">

        <img src="https://tinyjpg.com/images/social/website.jpg?v=1&quality=80&format=jpeg" class="video-btn" data-toggle="modal" data-src="https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4"  data-target="#myModal">

        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-body">

                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <!-- 16:9 aspect ratio -->
                        <div class="embed-responsive embed-responsive-16by9">
                            <iframe class="embed-responsive-item" src="" id="video"   allow="autoplay"></iframe>
                        </div>


                    </div>

                </div>
            </div>
        </div>

<script>
        $(document).ready(function() {
            var $videoSrc;
            $('.video-btn').click(function() {
                $videoSrc = $(this).data( "src" );
            });
            console.log($videoSrc);
            $('#myModal').on('shown.bs.modal', function (e) {
                $("#video").attr('src',$videoSrc + "?autoplay=1&amp;modestbranding=1&amp;showinfo=0" );
            })
            $('#myModal').on('hide.bs.modal', function (e) {
                $("#video").attr('src',$videoSrc);
            })
        });

</script>


    </div>
<body>
</html>

Последний раз редактировалось weirdjava, 18.02.2020 в 17:38.
Ответить с цитированием
  #2 (permalink)  
Старый 18.02.2020, 17:38
Аспирант
Отправить личное сообщение для weirdjava Посмотреть профиль Найти все сообщения от weirdjava
 
Регистрация: 01.03.2017
Сообщений: 39

Проблема решена
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отправка данных AJAX из модального окна r06otyaga jQuery 0 15.11.2015 18:28
Два блока div разъезжаются при скроллинге окна браузера. call007 jQuery 0 03.04.2011 15:21
Вставка данных в textarea из модального окна (для Markitup) Roman Koff jQuery 0 26.08.2010 22:21
Вывод данных единожды, при открытии окна? Ggorsh Events/DOM/Window 1 28.04.2009 00:04
Завершение процесса воспроизведения видео при закрытии окна IE skif Общие вопросы Javascript 0 11.03.2009 07:11