Suporte » Temas e templates » Vídeo no Cabeçalho – Tema Ocean

  • renatapabst

    (@renatapabst)


    Oi, pessoal.

    Preciso colocar um vídeo como background do site.Fiz o header pelo Elementor, tema Ocean.
    O vídeo reproduz perfeitamente na versão desktop nos navegadores safari, chrome e firefox, e também na versão mobile iOS. O problema está na versão mobile em Android, fica um espaço branco. Pesquisei aqui no fórum e encontrei informações sobre navegadores que bloqueiam o autoplay. Existe alguma alternativa?

    Se puderem me ajudar, agradeço desde já.

    <section class=”elementor-element elementor-element-db9e9a8 elementor-section-stretched elementor-section-height-full elementor-reverse-tablet elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-items-middle elementor-section elementor-top-section” data-id=”db9e9a8″ data-element_type=”section” data-settings=”{"stretch_section":"section-stretched","background_background":"video","background_video_link":"http:\/\/belaro.com.br\/wp-content\/uploads\/2019\/08\/Carmim_semlogo02_1_1.mp4"}” style=”width: 666px; left: -33.2969px;”>
    <div class=”elementor-background-video-container elementor-hidden-phone” style=””>
    <video class=”elementor-background-video-hosted elementor-html5-video” autoplay=”” muted=”” playsinline=”” loop=”” src=”http://belaro.com.br/wp-content/uploads/2019/08/Carmim_semlogo02_1_1.mp4″ style=”width: 1157.33px; height: 651px;”></video>
    </div>
    <div class=”elementor-background-overlay”></div>
    <div class=”elementor-container elementor-column-gap-default”>
    <div class=”elementor-row”>
    <div class=”elementor-element elementor-element-b9be45c elementor-column elementor-col-100 elementor-top-column” data-id=”b9be45c” data-element_type=”column”>
    <div class=”elementor-column-wrap”>
    <div class=”elementor-widget-wrap”>
    </div>
    </div>
    </div>
    </div>
    </div>
    </section>

    A página onde preciso de ajuda: [Inicie a sessão para ver a ligação]

A visualizar 1 resposta (de um total de 1)
  • Olá, tudo bem?

    Não existem muitas opção com relação ao suporte pelo navegador.

    Você pode verificar o suporte de navegadores por aqui: https://caniuse.com/

    Uma opção é verificar opções com o Elementor, com o seu tema ou colocar para exibir apenas para um tamanho de tela especifica.

A visualizar 1 resposta (de um total de 1)