0

Вот HTML

            <div class="video_wrapp" style="background-image: url(video/videobg.jpg);">
                <video poster="video/videobg.jpg" id="promoVideo" class="loadVideo">
                    <source src="video/video.ogv" type='video/ogg; codecs="theora, vorbis"'>
                    <source src="video/video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
                    <source src="video/video.webm" type='video/webm; codecs="vp8, vorbis"'>
                    Тег video не поддерживается вашим браузером. 
                    <a href="video/video.mp4">Скачайте видео</a>.
                </video>
            </div>

Нужно при загрузке страницы видео не показывается, а показывается фон poster="video/videobg.jpg". Как сделать так чтобы при открытии страницы показывалось видео и сразу проигрывалось.

6
  • Добавьте в тэг <video> аттрибут autoplay="autoplay"
    – nikitar
    15 апр 2019 в 23:54
  • И когда будете это делать, подумайте как обеспечить, чтобы люди, зайдя на эту страницу, не поминали Вас или вашего заказчика недобрым словом 16 апр 2019 в 0:07
  • не сработало. Видео не показывается а видно постер.
    – Denis
    16 апр 2019 в 0:14
  • точнее видео не запускается без очистки кеша
    – Denis
    16 апр 2019 в 0:18
  • Что Вы имеете в виду под "видео не запускается без очистки кеша"? Откройте в приватной вкладке или нажмите Ctrl+Shift+R. P.S. @SergeyNudnov прав. Заставлять пользователя смотреть видео сразу по приходу на страницу - плохая практика, особенно в странах СНГ, где траффик и скорость мобильного интернета ограничена. Рекомендуется минимизировать размер видео - сжать, перегнать в gif и т.д.
    – nikitar
    16 апр 2019 в 0:24

2 ответа 2

1

Добавьте к видео атрибут muted, браузер может блокировать воспроисзведение из-за звука( даже если его там нет). p.s борьба с недобросовестными сайтами

<video muted> ... <video>
<video muted=""> ... <video>
<video muted="muted"> ... <video>
0

Атрибут autoplay="autoplay" нужно поставить в начале тега video.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.