Uso detallado y demostración de request video.js
lt;! DOCTYPE htmlgt;
lt;htmlgt;
lt;headgt;
lt;meta charset="utf-8"gt;
lt; títulogt; /título gt;
lt; estilo tipo="text/css"gt; p> video::-webkit-media-controls-enclosure {
/*Deshabilitar el estilo de la barra de control del reproductor*
visualización: ninguna !importante;
}
#wrap{ancho: 700px; posición: relativa; desbordamiento: oculto; margen: 0 auto; }
.box { posición: absoluta; text-align: center; }
/*#play, #stop, #full, #secfull{ ancho: 7;}
#videotimer{ ancho: 20}*/
/*#time{float: left;}*/
lt;/stylegt;
lt;/headgt;
lt ; cuerpogt;
lt; div class="full" id="wrap"gt;
lt; ; ancho de vídeo="700" altura="" id="video" loop="" autoplay=""gt
lt; fuente src="b.mp4" lt;/sourcegt;
lt;/videogt;
lt;/sectiongt;
lt;section class="box"gt;
lt ; botón id="play"gt;startlt;/buttongt;
lt;botón id="stop"gt;pauselt;/buttongt;
lt;botón id="completo " gt; pantalla completalt;/buttongt;
lt;button id="escfull"gt;Salir de pantalla completalt;/buttongt;
lt;input type="range" id= " videotimer" min="0" value="0" /gt;
lt;! --lt;div id="time"gt;--gt;
lt;spangt;00lt;/spangt;:lt;span class="now"gt;00lt;/spangt; /p>
lt;time class="minuto" gt;00lt;/timegt;:lt;time class="segundo"gt;00lt;/timegt;
>lt;! --lt;/divgt;--gt;
lt;! --lt;button id="mute"gt;mutelt;/buttongt;--gt;
lt;/sectiongt;
lt;/divgt;
lt;scriptrc=".../jquery-1.12.0.js" type="text/javascript" charset="utf-8"gt;lt;/scriptgt;
lt;script type="text/javascript"gt;
var aplay=document.getElementById("play");
var astop=document.getElementById("stop");
var avideo=document.getElementById(" vídeo");
var full=document.getElementById("completo");
var escfull=document.getElementById(" escfull");
var wrap= document.getElementById("wrap");
var mute=document.getElementById("mute");
aplay .onclick=función(){
avideo.play( );
}
astop.onclick=función(){
avideo.pause();
}
// mute.webkitRequestFullScreen();
$('. full').css("ancho", $(ventana).width() "px");
$('.full').css("altura", $(ventana).height() "px");
avideo.style.width = $( window).width() "px";
}else if(wrap.mozRequestFullScreen){
wrap.mozRequestFullScreen.width = $(ventana).width() "px";