CORS significa intercambio de recursos de origen cruzado. Es un mecanismo por el cual una página web solicita a otro dominio obtener el recurso como audio, video, guión, etc. del servidor de terceros sin filtrar la información de sus credenciales. Si se especifica, la solicitud se enviará con o sin credenciales.
El atributo crossorigin se usa para definir si se admiten requests CORS. Al obtener los recursos de otro dominio o de servidores de terceros. Incluye recursos como audio. vídeo, imágenes. enlace y guión. Se usa para manejar la solicitud CORS que verifica si es seguro permitir compartir los recursos de otros dominios.
Uso: Se utiliza en muchos elementos como <audio> , <video> , <link> , <img> y <script> .
Sintaxis:
<script crossorigin="anonymous|use-credentials">
Valores de atributos:
- anónimo: Tiene un valor por defecto. Define una solicitud CORS que se enviará sin pasar la información de la credencial.
- use-credentials: se enviará una solicitud de origen cruzado con credenciales, cookies y certificado.
Ejemplo: El siguiente código ilustra el uso del atributo crossorigin en el elemento <audio> .
HTML
<!DOCTYPE html> <html> <head> <title> HTML crossorigin Attribute </title> </head> <body> <center> <h1>GeeksforGeeks</h1> <h2>HTML crossorigin Attribute</h2> <p>Audio Sample</p> <!-- Use of crossorigin attribute in audio element --> <audio crossorigin="anonymous" controls> <source src="test.mp3" type="audio/mp3"> <source src="test.ogg" type="audio/ogg"> </audio> <!-- audio tag ends here --> </body> </html>
Producción:
Navegadores compatibles:
- Google Chrome 30.0
- Firefox 13.0
- Internet Explorer 18.0
- Ópera 12.0
- Safari 1.0
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA