HTML-Attribut: crossorigin

Das crossorigin Attribut, gültig für die <audio>, <img>, <link>, <script>, und <video> Elemente, bietet Unterstützung für CORS und definiert, wie das Element mit Cross-Origin-Anfragen umgeht. Dadurch kann die Konfiguration der CORS-Anfragen für die vom Element abgerufenen Daten ermöglicht werden. Je nach Element kann das Attribut ein CORS-Einstellungsattribut sein.

Das crossorigin Inhaltsattribut bei Medienelementen ist ein CORS-Einstellungsattribut.

Diese Attribute sind aufgezählt und haben folgende mögliche Werte:

anonymous

Die Anfrage verwendet CORS-Header und das Credentials-Flag ist auf 'same-origin' gesetzt. Es gibt keinen Austausch von Benutzeranmeldeinformationen über Cookies, Client-seitige TLS-Zertifikate oder HTTP-Authentifizierung, es sei denn, das Ziel ist derselbe Ursprung.

use-credentials

Die Anfrage verwendet CORS-Header, das Credentials-Flag ist auf 'include' gesetzt, und Benutzeranmeldeinformationen werden immer einbezogen.

""

Das Setzen des Attributnamens auf einen leeren Wert, wie crossorigin oder crossorigin="", ist dasselbe wie anonymous.

Ein ungültiges Schlüsselwort und ein leerer String werden als das Schlüsselwort anonymous behandelt.

Standardmäßig (d. h. wenn das Attribut nicht angegeben ist) wird CORS überhaupt nicht verwendet. Der Benutzeragent fragt nicht um Erlaubnis für den vollständigen Zugriff auf die Ressource, und im Falle einer Cross-Origin-Anfrage werden bestimmte Einschränkungen angewendet, abhängig vom betreffenden Elementtyp:

Element	Einschränkungen
img, audio, video	Wenn die Ressource in <canvas> platziert wird, wird das Element als verfälscht markiert.
script	Der Zugriff auf Fehlerprotokollierung über [`window.onerror`](/de/docs/Web/API/Window/error_event) wird eingeschränkt.
link	Anfragen ohne passenden crossorigin Header können verworfen werden.

<script
  src="https://example.com/example-framework.js"
  crossorigin="anonymous"></script>

<link rel="manifest" href="/app.webmanifest" crossorigin="use-credentials" />