Как отключить автозапуск видео html5?
что я пробовал:
<video width="640" height="480" controls="controls" type="video/mp4" autoplay="false" preload="none"><source src="http://mydomain.com/mytestfile.mp4">Your browser does not support the video tag.</video>
Я бы удалил атрибут autoplay, так как если браузер его обнаружит, он запустится автоматически!
autoplay — это логический атрибут HTML, но имейте в виду что значения true и false недопустимы. Чтобы представить значение false, вы должны опустить атрибут.
Значения true и false не разрешены для логических атрибутов. Чтобы представить ложное значение, атрибут должен быть полностью опущен.
Кроме того, тип находится внутри источника, например:
<video width="640" height="480" controls preload="none">
<source src="http://example.com/mytestfile.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
Использованная литература:
autoPlay не является логическим типом, но на самом деле это явно указано: атрибут autoplay является логическим атрибутом. Когда он присутствует, пользовательский агент (как описано в описанном здесь алгоритме) автоматически начнет воспроизведение медиа-ресурса, как только он сможет сделать это без остановки. Это также отмечено в школах W3C: w3schools.com/tags/att_video_autoplay.asp
- person myermian; 14.09.2020
удалить автовоспроизведение в теге видео. используйте такой код
<video class="embed-responsive-item" controls>
<source src="http://example.com/video.mp4">
Your browser does not support the video tag.
</video>это 100% работает
Попробуйте добавить autostart="false" к исходному тегу.
<video width="640" height="480" controls="controls" type="video/mp4" preload="none">
<source src="http://example.com/mytestfile.mp4" autostart="false">
Your browser does not support the video tag.
</video>
просто используйте preload="none" в теге видео, и видео остановит автовоспроизведение при загрузке страницы.
Действительно, установка autoplay на false не помогает, некоторые видео все равно будут воспроизводиться. См. этот случай в скрипке.
Возможно, вы захотите сделать с помощью кода что-то вроде строки, если хотите приостановить все видео:
videos = document.querySelectorAll("video");
for(video of videos) {
video.pause();
}
Конечно, описанный выше случай не будет работать, если тег video находится в теневом корневом элементе, но тогда вряд ли какое-либо общее решение будет работать с теневыми корневыми элементами. Там вам понадобится нестандартный подход и расширение сначала теневых корней.
Удалите ВСЕ атрибуты, в которых указано autoplay, поскольку его присутствие в вашем теге является логическим сокращением для true.
Кроме того, убедитесь, что вы всегда используете элементы video или audio. Не используйте object или embed, так как эти элементы автоматически воспроизводятся с использованием сторонних плагинов по умолчанию и не могут быть остановлены без изменения настроек в браузере.
Чтобы отключить автозапуск, вам необходимо полностью УДАЛИТЬ атрибут autoplay.
В противном случае он будет интерпретирован как autoplay=true. Совершенно неочевидно!
Вы можете установить autoplay=""
<video width="640" height="480" controls="controls" type="video/mp4" autoplay="">
<source src="http://example.com/mytestfile.mp4">
Your browser does not support the video tag.
</video>
пс. для включения вы можете использовать autoplay или autoplay="autoplay"
просто поместите autoplay="false" в исходный тег.. :)
