Я не могу отключить элементы управления в моем теге видео. В windows на chrome он работает нормально.
но,
В macOS на chrome или на сафари по умолчанию элементы управления включены, хотя я не определил его.
И из-за этой проблемы я столкнулся с серьезной проблемой в функциональности видео, то есть когда я нажимаю на видео, оно не приостанавливается, и причина в том, что это моя собственная функциональность, которую я создал.
Итак, какие функции я создал?
Я создал паузу и воспроизвел свою собственную функцию
Если пользователь щелкает в любом месте воспроизводимого видео или приостановлено соответственно
getVideoElement.addEventListener('click', function() {
if (this.paused) {
this.play();
} else {
this.pause();
}
})
И функциональность работает, как ожидалось, в chrome на windows, но не на macOS.
Я понял проблему. Это из-за элементов управления.
Позвольте мне рассказать вам, как я это понял.
Я применил атрибут управления в видео, а затем проверил проблему в chrome на windows . И это вызывает ту же проблему, что и в MacOS с Chrome.
Итак, вот почему я хочу удалить элементы управления по умолчанию.
Примечание: я хочу удалить элементы управления, чтобы не скрывать их.
<video controls class="form-video" src="https://www.w3schools.com/jsref/mov_bbb.mp4">
<source src="https://www.w3schools.com/jsref/mov_bbb.mp4" type="video/mp4" />
</video>
без атрибута управления
https://jsfiddle.net/2otg4p31/
с атрибутом управления, который воспроизводит проблему
https://jsfiddle.net/5kreva19/
Примечание: попробуйте нажать на видео, а не на контроллеры в ссылке 2