Tutorial: Como adicionar Video.js ao seu blog de maneira simples

  • Autor Autor degonexd
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
degonexd

degonexd

Beta
Verificación en dos pasos activada
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:

Inserir CODE, HTML ou 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:

Inserir CODE, HTML ou 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:

Inserir CODE, HTML ou 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.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Para formatos mkv funciona
 
Voltar
Topo