La propiedad HTML DOM Video crossOrigin se usa para establecer o devolver el valor del atributo crossorigin del elemento <video> . Este atributo se utiliza para especificar la solicitud HTTP CORS al obtener o cargar la hoja de estilo o los archivos de iconos del servidor de terceros.
Sintaxis:
- Devuelve la propiedad de origen cruzado.
videoObject.crossOrigin;
- Se utiliza para establecer la propiedad de origen cruzado.
videoObject.crossorigin="anonymous | use-credentials;
Valores de propiedad
- anónimo: Tiene un valor por defecto. Define que se enviará una solicitud CORS sin pasar la información de credenciales
- use-credentials: se enviará una solicitud de origen cruzado con credenciales, cookies y certificado.
Ejemplo 1: El siguiente código HTML devuelve la propiedad de video de origen cruzado.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
DOM Video crossOrigin Property
</title>
</head>
<body style="text-align: center">
<h1 style="color: green"> GeeksforGeeks</h1>
<h2 style="font-family: Impact">
Video crossOrigin Property
</h2>
<br>
<video id="Test_Video" width="360" height="240"
src="sample video.ogg" crossOrigin="anonymous"
controls>
</video><br>
<button ondblclick="My_Video()">
Return
</button>
<p id="test"></p>
<script>
function My_Video() {
var cors = document.getElementById("Test_Video").crossOrigin;
document.getElementById("test").innerHTML = cors;
}
</script>
</body>
</html>
Producción:
Navegadores compatibles: el navegador es compatible con DOM video crossOrigin Property y se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA