Автовоспроизведение видео со звуком
Я новичок в HTML и просто хочу написать страницу с небольшим видео и текстом. Я хочу, чтобы видео воспроизводилось автоматически, но со звуком. Поскольку автовоспроизведение возможно только без звука, я предполагаю, что мне нужен javascript.
Это мой код до сих пор
index.html
<!DOCTYPE html>
<html>
<head>
<link rel = "stylesheet" href = "generic.css">
</head>
<body>
<video autoplay = "autoplay" loop = "" class = "myVideo" id = "myVideo">
<source src = "vid.mp4" type = "video/mp4">
Your browser does not support HTML5 video.
</video>
</body>
</html>
css-файл:
video {
position: fixed;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
Это как-то возможно или я вынужден использовать кнопку для автовоспроизведения?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Ваш код правильный, но вот правила Google Политики автозапуска Chrome просты:
Приглушенный автовоспроизведение всегда разрешено.
- Автовоспроизведение со звуком разрешено, если:
- Пользователь взаимодействовал с доменом (щелкнул, коснулся и т. д.).
- На настольных компьютерах пороговое значение индекса вовлеченности пользователей в СМИ было
перечеркнуты, что означает, что пользователь ранее воспроизводил видео со звуком.
пользователь добавил сайт на главный экран мобильного устройства или установил
PWA на рабочем столе.
ПОПРОБУЙТЕ INTREACT С SNIPPET ПЕРЕД ЗАГРУЗКОЙ ВИДЕО
video {
position: fixed;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}<!DOCTYPE html>
<html>
<head>
<link rel = "stylesheet" href = "generic.css">
</head>
<body>
<video autoplay = "autoplay" loop = "" class = "myVideo" id = "myVideo">
<source src = "https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4" type = "video/mp4">
Your browser does not support HTML5 video.
</video>
</body>
</html>Вышеприведенный фрагмент работает, просто нажмите быстро, прежде чем видео загрузится в результате фрагментов.
не могли бы вы вставить это на pastebin или около того
Ваш код правильный, это все о взаимодействии с пользователем перед автозапуском для воспроизведения видео со звуком.
Хакерский трюк, который, как я видел, используют люди, заключается в добавлении iframe, содержащего материал автовоспроизведения, перед самим элементом, что заставляет последующие элементы иметь звук. Вы можете проверить, как это делается здесь.
<iframe src = "SOME_EMPTY_VIDEO_WITH_SILENCE_URL" type = "video/mp4" allow = "autoplay" id = "video" style = "display:none"></iframe>
<video autoplay>
<source src = "ACTUAL_VIDEO_URL" type = "video/mp4">
</video>
Тем не менее, как я уже сказал, это неприятный хак.
Это все еще работает? Я пытался, но это не похоже :( Мое видео не будет воспроизводиться, пока я не добавлю к нему muted!
Google изменил политику автовоспроизведения, поэтому пользователь должен взаимодействовать с веб-сайтом перед автовоспроизведением, чтобы включить звук, developer.google.com/web/updates/2017/09/…