Vídeo mp4 sensível ao iniciador 3

Tentei encontrar uma boa solução no site bootstrap, mas ainda não obtive uma resposta para isto. Acho que não posso ser o único a debater-me com isto, mas não encontrei nada que me ajudasse.

Estou a tentar inserir um vídeo mp4 no meu site. O problema é que se eu usar um iframe-tag eu não posso usar autoplay e loop. Por causa disso eu gostaria de resolvê-lo com uma tag de vídeo (ou algo mais que suporta autoplay e loop). Depois disso, tentei fazer o meu vídeo. responsivo com um objeto-tag, mas isso não funcionou. Mesmo que eu o deixe em meu código (para mostrar a você) que você pode ver abaixo: 

<div align="center">
   <object class="embed-responsive-item">
     <video autoplay loop >
       <source src="file.mp4" />
     </video>
   </object>
 </div>
Espero que alguém me ajude a resolver isto.

Author: neophyte, 2014-09-25
Source

5 answers

Pelo que sei, quer inserir um vídeo no seu site que:
  • é sensível
  • permite tanto o autoplay como o loop
  • Usa 'Bootstrap'
Esta demonstração faz exactamente isso. Você tem que colocar outra classe embutida fora do objeto/embed/iframe tag de acordo com as instruções Aqui - mas você também é capaz de usar uma tag de vídeo em vez da tag de objeto, mesmo que não esteja especificada. 
<div align="center" class="embed-responsive embed-responsive-16by9">
    <video autoplay loop class="embed-responsive-item">
        <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
    </video>
</div>
 107
Author: Schybo, 2016-02-14 11:25:52

Basta adicionar classe= "img-responsive" à etiqueta de vídeo. Estou a fazer isto num projecto actual e funciona. Não precisa de ser embrulhado em nada.

<video class="img-responsive" src="file.mp4" autoplay loop/>
 12
Author: Allan Clayton, 2016-12-14 20:08:37

Se usar esse código, dar-lhe-á um leitor de vídeo sensível com controlo total

<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" width="640" height="480" src="https://www.youtube-nocookie.com/embed/Lw_e0vF1IB4" frameborder="0" allowfullscreen></iframe>
</div>
 1
Author: Zama Sparlay, 2016-03-06 11:00:49

Dica para VÁRIOS VÍDEOS em uma página, eu recentemente resolvido um problema com nenhuma reprodução de mp4 no Chrome ou Firefox (que jogou bem no IE) em uma página com 16 vídeos em modais (bootstrap 3) depois de descobrir que as taxas de quadros todos os vídeos devem ser idênticos. Eu tinha 6 Vídeos em 25fps e 12 em 29.97 fps... depois de renderizar todas as versões para 25fps, tudo corre bem em todos os navegadores.

 0
Author: T Gorle, 2017-09-15 14:44:57
Isto funcionou comigo.

<video src="file.mp4" controls style="max-width:100%; height:auto"></video>

 0
Author: Hein van Dyke, 2017-12-11 17:32:34