jueves, 25 de enero de 2018

Reproducir videos con Bootstrap

Para poder reproducir un video con Bootstrap se necesitas los siguientes archivo:

  • bootstrap.min.css
  • bootstrap.min.js

Para el ejemplo crearemos 2 TextBox donde se almacenan las rutas donde se ubican los videos.


Copiamos el siguiente código para ejecutar un archivo .MP4 ubicado en la carpeta videos:


En caso de querer que se visualice una imagen antes de poder reproducir el video cambiamos la siguiente línea, donde se indica en POSTER la imagen que se visualizara


Para reproducir un video de YouTube copiaremos el siguiente código:


El resultado será el siguiente:




Comparte