Mediabox : Access to XMLHttpRequest at 'xxxx' has been blocked by CORS policy

Général
1

Bonsoir,

Avec ce bout de code pour ouvrir la mediabox avec une vidéo youtube :

<a href="https://www.youtube.com/watch?v=3qyhgV0Zew0" class="mediabox "><img src="https://img.youtube.com/vi/3qyhgV0Zew0/sddefault.jpg"></a>

J'obtient un : Mediabox : Access to XMLHttpRequest at 'xxxx' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Est ce que quelqu'un sait pourquoi et comment y remédier ?

Merci d'avance !

Gilles L.

2

Le 09/10/2020 à 17:37, Robomatix Rebirth a écrit :

Avec ce bout de code pour ouvrir la mediabox avec une vidéo youtube :
<a href="https://www.youtube.com/watch?v=3qyhgV0Zew0&quot; class="mediabox "><img src="https://img.youtube.com/vi/3qyhgV0Zew0/sddefault.jpg&quot;&gt;&lt;/a&gt;
J'obtient un : Mediabox : Access to XMLHttpRequest at 'xxxx' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Est ce que quelqu'un sait pourquoi et comment y remédier ?

Je pense que cette vidéo ne peut pas être jouée ailleurs que sur le site youtube
d'ailleurs le bouton "partager" ne propose pas le code d'embed
et youtube se sert du CORS pour l'empêcher.
Cf Cross-origin resource sharing (CORS) - HTTP | MDN
JL

3

Merci de répondre sur la liste à un message posté sur la liste.
JL

Le 09/10/2020 à 17:37, Robomatix Rebirth a écrit :

Bonsoir,

Avec ce bout de code pour ouvrir la mediabox avec une vidéo youtube :

<a href="https://www.youtube.com/watch?v=3qyhgV0Zew0&quot; class="mediabox "><img src="https://img.youtube.com/vi/3qyhgV0Zew0/sddefault.jpg&quot;&gt;&lt;/a&gt;

J'obtient un : Mediabox : Access to XMLHttpRequest at 'xxxx' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Est ce que quelqu'un sait pourquoi et comment y remédier ?

Merci d'avance !

Gilles L.

4

Bonjour,

C’est le code du site de démo du plugin de base…

J’ai essayé ça aussi :

<a href= class="mediabox "><img src=></a>

<iframe width="560" height="315" src= frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Gilles L.

5

Quand on clique sur "partager" de cette vidéo, on obtient

<iframe width="560" height="315" src= frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

myAvatar-60x60.png