Paso 7: Mi código de ejemplo
<!--Aquí está mi código en caso de que desee copiar y pegar luego modificar por ti mismo.
Cuenta de lo que he cambiado de la original:
Cambié las etiquetas < fuente > modo que tuvieran la fuente del punto en el nombre de mis archivos de videos. Ya que ponemos todos los archivos en la misma carpeta en el paso anterior que sólo tenía que poner los nombres de los archivos en lugar de las direcciones completas, si desea separar los archivos, Recuerde cambiar la dirección.
Se ha cambiado la anchura y altura para que coincida con mi resolución de videos.
Cartel ha cambiado por poster.png que es una captura de pantalla que hice de mi video, esto le mostrará antes de que el usuario hace clic en play.
-->
<! Html DOCTYPE >
< html >
< head >
< title > reproductor de vídeo HTML5 < / title >
< link href = "video js.css" rel = "stylesheet" type = "text/css" >
< script src="video.js" >< / script >
< script >
videojs.Options.Flash.swf = "video-js.swf";
< /script >
< /HEAD >
< cuerpo >
< id del vídeo = "example_video" class = controles de "video-js vjs-por defecto-piel" precarga = 'none' ancho = "768" height = "432" poster="poster.png" configuración de datos = "{}" >
< src="phone_video.mp4 de la fuente" tipo = ' video/mp4' / >
< src="phone_video.webm de la fuente" tipo = ' video/webm' / >
< / video >
< /body >
< / html >