Traté de encontrar una buena solución en el proceso de arranque sitio pero no he recibido respuesta todavía. Creo que no puede ser el único problema con esto, pero no pude encontrar nada que me ayudó.

Estoy tratando de insertar un mp4-video en mi sitio web. El problema es que si puedo usar un iframe-etiqueta que no se puede usar la reproducción automática y bucle.
Debido a que me gustaría resolver con una etiqueta de vídeo (o algo más que apoya la reproducción automática y bucle). Después de eso traté de hacer mi video sensible, con un objeto de etiqueta, pero esto no funcionó. A pesar de que yo deje en mi código (para mostrar) que se puede ver a continuación:

<div align="center">
   <object class="embed-responsive-item">
     <video autoplay loop >
       <source src="file.mp4" />
     </video>
   </object>
 </div>

Espero que alguien de ustedes me puede ayudar a solucionar este problema.

  • Presentar un error la próxima vez! Este será fijo en la v3.2.1.
  • Voy a hacer la próxima vez.
InformationsquelleAutor BRsmover | 2014-09-25

5 Comentarios

  1. 116

    Es, a mi entender, que desea incrustar un vídeo en su sitio web que:

    • Es sensible
    • Permite tanto la reproducción automática y bucle
    • Utiliza Bootstrap

    Este Demo Aquí hace justamente eso. Usted tiene que colocar otra incrustar fuera de clase del objeto/embed/etiqueta iframe como por el de la instrucciones aquí – pero usted también es capaz de utilizar una etiqueta de vídeo en lugar de la etiqueta de objeto, aunque no se especifica.

    <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>
    • Eso es exactamente lo que estaba buscando! Muchas gracias! Esto realmente me ayudó!
    • Esto no funciona en IE8,9 y Safari de los navegadores.
    • Probado en ie9 y safari. Ambos funcionan perfectamente, por lo que tiene algo más que hacer allí. Con respecto a ie8 – es no admite de la <video> de la etiqueta, y también hay problemas con el uso de Bootstrap3 en ie8 – específicamente con preguntas de los medios. Por favor, lea el enlace para obtener más información.
    • Esto cubre toda la página y es sensible, pero quiero pequeña altura & ancho. ¿cómo puedo hacer eso??
    • Acaba de cambiar el max-height y max-width del div padre del vídeo. Ver un demo aquí.
  2. 15

    Simplemente añadir class=»img-responsive» a la etiqueta de vídeo. Estoy haciendo esto en un proyecto actual, y funciona. No necesita ser envuelta en nada.

    <video class="img-responsive" src="file.mp4" autoplay loop/>
    • clase «img-responsive» se utiliza para las imágenes y no para los vídeos
    • A mí me funcionó. Gracias!
  3. 2

    el uso de ese código daremos una ágil reproductor de vídeo con control 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>
    • el uso de ese código daremos sensible reproductor de vídeo con total controloers
    • la pregunta era acerca de la incrustación de HTML5 de vídeo mp4 y no un video de youtube
  4. 2

    Esto funcionó para mí:

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

    • Gracias!, esto funciona para mí
  5. 0

    Punta para VARIOS VÍDEOS en una página: recientemente he solucionado un problema con ningún mp4 reproducción en Chrome o Firefox (jugado bien en IE) en una página con 16 videos en verbos modales (bootstrap 3) después de descubrir las velocidades de fotogramas de todos los videos deben ser idénticos. Yo tenía 6 vídeos a 25fps y 12 a 29.97 fps… después de la prestación de todos los 25fps versiones, todo funciona perfecto en todos los navegadores.

Dejar respuesta

Please enter your comment!
Please enter your name here