La propiedad Video src se usa para establecer o devolver el valor del atributo src de un video .
El atributo src generalmente se usa para especificar la ubicación (URL) del archivo de video.
Sintaxis:
- Devuelve la propiedad src:
videoObject.src
- Establezca la propiedad src:
videoObject.src = URL
Valores de propiedad:
- URL: se utiliza para especificar la URL del archivo de video.
Dos valores posibles: –
- URL absoluta: Apunta a otra página web.
- URL relativa: Apunta a otros archivos de la misma página web.
Valor de retorno: la propiedad Video src devuelve una string, que representa la URL del archivo de video. La propiedad src devuelve la URL completa, incluido el protocolo.
El siguiente programa ilustra la propiedad Video src:
Ejemplo: Cambiar la URL de un video.
<!DOCTYPE html>
<html>
<head>
<title>
DOM Video src Property
</title>
</head>
<body style="text-align: center">
<h1 style="color: green">GeeksforGeeks</h1>
<h2 style="font-family: Impact">Video src Property</h2>
<br>
<video id="Test_Video"
width="360"
height="240"
controls src="sample video.ogg">
</video>
<p>To change the Url of the video,
double click the "Change URL" button.
<br>
<button ondblclick="My_Video()">
Change URL
</button>
<p id="test"></p>
<script>
var v = document.getElementById("Test_Video");
function My_Video() {
isSupp = v.canPlayType("video/mp4");
if (isSupp == "") {
v.src = "sample2.ogg";
} else {
v.src = "sample2.mp4";
}
v.load();
document.getElementById("test").innerHTML =
"Video Courtesy - www.geeksforgeeks.org";
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles: El navegador compatible con HTML | Las propiedades DOM Video src se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- safari de manzana
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA