¿Cómo utilizar la etiqueta de tipo cuadrado en HTML? ¿Para qué?
Las etiquetas de vídeo y audio en HTML5 son etiquetas utilizadas específicamente para reproducir recursos de vídeo y audio en HTML5. La etiqueta de video y la etiqueta de audio también proporcionan API de JavaScript muy útiles, lo que permite la creación de controles personalizados. Ilustremos el uso de estas dos etiquetas mediante el siguiente ejemplo.
lt;!doctype htmlgt;
lt;html lang="zh-CN"gt;
lt;headgt;
lt; meta charset="utf-8" /gt;
lt; etiqueta de vídeo y etiqueta de audio
lt; p> lt; bodygt;
lt; h2gt; Uso de etiquetas de video lt; /h2gt; //Usa la etiqueta de video para reproducir el video Kobe.mp4 para mostrar los controles de video
lt; h2gt; API usando la etiqueta de video
lt; video"gt;
Su navegador dañado puede retirarse, ¡actualícelo ahora!
lt;/videogt;
//Puedes personalizar los controles para controlar la reproducción de video a través de la API proporcionada por Video en HTML5
br/gt;
lt; tipo de entrada="botón" valor="Reproducir" onclick="reproducirVideo()"
lt; tipo de entrada="botón" valor="Detener" onclick ="stopVideo()" /gt;
lt; input type="button" value="Avance rápido 10 segundos" onclick="adelante()"
lt ;input type="botón" value="Retroceder 10 segundos" onclick="back()" /gt; br/gt;
lt; Cerrar boca" onclick="shutup(this)" /gt;
lt; input type="button" value="Acelerar x2" onclick="fast()" /gt;
lt; tipo de entrada="botón" valor="Reducir velocidad x2" onclick="lento()" /gt
lt; tipo de entrada="botón" valor="velocidad normal" onclick= "normal ()" /gt; br/gt;
lt; tipo de entrada="botón" valor="Más alto" onclick="up()"
scriptgt
var video=document.getElementById; (
"video");
//Reproducir video
función playVideo(){
video.play();
}
//Detener el vídeo
función stopVideo(){
video.pause();
}
//Avance rápido 10 segundos
function forward(){
video.currentTime =10
}
//Rápido retroceder 10 segundos
function back(){
video.currentTime-=10
}
//Silenciar
función cerrar(obj){
if(video.muted){
video.muted=false;
obj.value="Cerrar arriba ";
}else{
video.muted=true;
obj.value="Hablar";
}< / p>
}
//Acelerar x2
función fast(){
video.playbackRate=2 //La velocidad de reproducción predeterminada es 1
}
//Ralentizar x2
función slow(){
video.playbackRate=1/2;
}
//Doble velocidad normal
función normal(){
video.playbackRate=1
; }
//Más fuerte
function up(){
video.volume =0.1; //El rango de valores del sonido es 0-1
}
//Baja la voz
function down(){
video.volume-=0.1; //El rango del valor del sonido es 0-1
}
lt;/scriptgt;
//Utilice la etiqueta audeo para reproducir el audio wow.mp3. Los controles controlan si se muestra el control del video. También podemos personalizar los controles para controlar la reproducción del audio como el video. es similar
lt; uso de etiquetas de audio lt /h2gt;
lt; audio src="wow.mp3" controlesgt; El navegador se puede retirar, ¡date prisa y actualízalo!
lt;/audiogt;
lt;/bodygt;
lt;/htmlgt;
Estas son nuevas incorporaciones a HTML5 Cómo para utilizar algunas funciones nuevas. Se recomienda que vaya a un sitio web llamado Miaomiaoxue para encontrar materiales del curso relevantes.