У меня есть вопрос со следующим кодом
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Video</title>
<script type="text/javascript">
function iniciar() {
video=document.getElementById('video');
video.addEventListener('ended',reproducir,false);
}
function reproducir() {
video.setAttribute('src', 'musica2.mp4')
}
window.addEventListener('load',iniciar,false);
</script>
</head>
<body>
<section>
<video controls autoplay muted id="video" width="720" height="400"
c src="musica.mp4">
</video>
</section>
</body>
</html>
Если я удалю атрибут muted из тега «видео», он больше не будет воспроизводиться при загрузке страницы (атрибут автовоспроизведения не работает). Почему это так и как заставить видео воспроизводиться при загрузке страницы?
Google решил, что раздражает то, что при входе на веб-страницу может автоматически воспроизводиться видео. Так что Chrome довольно ограничителен в этом отношении . Автоматический перевод в Интернете:
Вы можете попытаться воспроизвести его автоматически с помощью Javascript при загрузке страницы.
Это будет что-то вроде этого:
HTML:
JavaScript:
Ваше здоровье!
ммм ... Я не эксперт в этом вопросе, но единственное, чего не хватает в коде для запуска автозапуска, - это включить полный URL-адрес в атрибут "src". Будучи незавершенным, видео не загружается, а без загрузки нет воспроизведения.
Личное примечание : я использую атрибут autoplay следующим образом: autoplay="autoplay" и рекомендую всегда включать полный URL-адрес в атрибут "src", независимо от того, находится ли видео в той же корневой папке.