Блог

Главная - Вопросы по программированию - Html видео без паузы

Html видео без паузы

#javascript #html #css

Вопрос:

Я пытаюсь выйти из видео, но звук продолжает воспроизводиться в фоновом режиме. я попытался добавить .pause(); в javascript, но это не сработало

 <div id="video-frame">
    <span id="video-frame-hide" class="fa fa-times"></span>
    <div class="video-frame-container">
        <div class="video-frame-scaler">
            <iframe id="embed-video" src="Videos/Female Upper Body.MP4" frameborder="0"
                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                    allowfullscreen></iframe>
        </div>
    </div>
</div>

videoFrameHide.on('click', () => {
            
            videoFrame.css({
                'opacity': '0',
                'visibility': 'hidden',
                'z-index': '0' 
            });
   

            embedVideo.prop('src', embedVideo.prop(
                'src'));

        });

Комментарии:

1. videoFrameHide.on это недопустимый JavaScript. Возможно, jQuery. Вы включили эту библиотеку?

2. Почему вы используете <iframe> вместо <video> элемента?

3. Нет, я его не включал

4. Вы не можете использовать синтаксис библиотеки, не включив его. Я имею в виду, что вам не нужен jQuery, вы можете все делать в чистом JS — просто говоря.

5. Только developer.mozilla.org/ru/docs/Web/HTML/Element/video элемент имеет методы воспроизведения/паузы. Пожалуйста, взгляните w3schools.com/tags/av_met_pause.asp Кроме того, можно удалить iframe из DOM, чтобы освободить все связанные ресурсы и остановить видео. Например, embedVideo.remove()

Метки: