- Desde
- 10 Sep 2014
- Mensajes
- 142
Bueno gente les traigo este reproductor de código abierto que pueden agregar a sus bloggers y es compatible con los enlaces directos de dropbox, google drive y onedrive.
Primero vamos a la edición HTML y antes de la etiqueta </head> agregamos lo siguiente:
Luego antes de la etiqueta </body> agregamos el JS:
Guardamos los cambios.
Para agregar insertar el video en una entrada utilizamos el siguiente código:
De este código configuramos:
widht = para el ancho del video en px
height = la altura del video en px
MY_VIDEO_POSTER.jpg = URL de la imagen thumbail para el video
MY_VIDEO.mp4 = URL del video en formato MP4
MY_VIDEO.webm = URL del video en formato webm
No es necesario subir los dos formatos para que el reproductor funcione. En el caso de que utilices solo uno borra la linea del que no utilices.
Espero les sea de ayuda esta bastante bueno pueden verlo funcionando en mi blogger que encontraran en mi firma.
Primero vamos a la edición HTML y antes de la etiqueta </head> agregamos lo siguiente:
Insertar CODE, HTML o PHP:
<link href="https://vjs.zencdn.net/7.6.5/video-js.css" rel="stylesheet">
<script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
Luego antes de la etiqueta </body> agregamos el JS:
Insertar CODE, HTML o PHP:
<script src='https://vjs.zencdn.net/7.6.5/video.js'></script>
Guardamos los cambios.
Para agregar insertar el video en una entrada utilizamos el siguiente código:
Insertar CODE, HTML o PHP:
<video id='my-video' class='video-js' controls preload='auto' width='640' height='264'
poster='MY_VIDEO_POSTER.jpg' data-setup='{}'>
<source src='MY_VIDEO.mp4' type='video/mp4'>
<source src='MY_VIDEO.webm' type='video/webm'>
</video>
De este código configuramos:
widht = para el ancho del video en px
height = la altura del video en px
MY_VIDEO_POSTER.jpg = URL de la imagen thumbail para el video
MY_VIDEO.mp4 = URL del video en formato MP4
MY_VIDEO.webm = URL del video en formato webm
No es necesario subir los dos formatos para que el reproductor funcione. En el caso de que utilices solo uno borra la linea del que no utilices.
Espero les sea de ayuda esta bastante bueno pueden verlo funcionando en mi blogger que encontraran en mi firma.