Ma vidéo ne se joue pas

Bonjour à vous tous,

Je reviens vers vous parce que j'ai un soucis avec l'élément <vidéo> qui affiche l'encadré d'une vidéo mais ne la lance pas. C'est une vidéo qui fait partie de mon projet et donc, je vais la chercher dans mes ressources personnelles et c'est un fichier au format mp4. Voici le code HTML :

<video width="640" height="360" controls>
    <source src="../../medias/video-flexbox.mp4" type="video/mp4">
</video>

La vidéo en question est au format mp4 mais impossible de la lancer en cliquant sur le buton de lecture. J'obtiens cette image :


Même chose avec la balise <iframe> où cette fois-ci je vais chercher la vidéo en question dans une plateforme externe. Voici le code HTML que j'utilise :

<iframe width="560" height="315" src="https://www.instagram.com/p/CxA3AIpArPf/?epik=dj0yJnU9SlVXdTdCaFdXY3pYV2N5a3BSUHVqV1JtV1ZWV0czQ24mcD0wJm49Q0ZVczZ6M2hiX05zYzhMeXFOdEFGdyZ0PUFBQUFBR1pMSG0w" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

J'obtiens ce résultat :

Les deux cas se comportent comme s'il ne parvenait pas à trouver la vidéo au chemin indiqué mais j'ai vérifié plusieurs fois le chemin pour accéder à la vidéo, dans le premier cas, quand au second, j'ai simplement copié/collé l'adresse URL.

Quelqu'un saurait me dire pourquoi mon code ne fonctionne pas ?

Merci pour votre aide
Modifié par ObiJuanKenobi (20 May 2024 - 12:22)

salut
chez moi ton code fonctionne avec un mp4.
vérifie l'adresse de ta video.

Salut,
comme le dit drphilgood, ton code est bon, c'est très très certainement une question de chemin relatif/absolu.
Tu avais déjà posté au sujet des chemins. Une fois de plus, un fichier "Videos" ou "Medias" à la RACINE de ton site et

<src="Medias/ma_vidéo.mp4">

Pas de / avant Medias et attention aux accents sur le noms des vidéos ou dossiers. Tu n'est pas le seul à se faire prendre, ça arrive tous les jours.
Pour bien vérifier, copie l'adresse de ta vidéo (depuis les " du src jusqu'aux " de fermeture et mets ça dans la barre d'un navigateur, sans les ""). Si la vidéo ne s'ouvre pas, problème de chemin.

Bonjour,

Pour l'iframe, il faut rajouter "embed" dans l'url de la page instagram qu'on souhaite insérer. Par exemple, dans ton cas, la ligne ci-dessous semble fonctionner :

<iframe src="https://www.instagram.com/p/CxA3AIpArPf/embed/?epik=dj0yJnU9SlVXdTdCaFdXY3pYV2N5a3BSUHVqV1JtV1ZWV0czQ24mcD0wJm49Q0ZVczZ6M2hiX05zYzhMeXFOdEFGdyZ0PUFBQUFBR1pMSG0w"></iframe>

Amicalement,

Merci parsimonhi, ça marche maintenant avec l'élément <iframe> mais je ne comprends pas pourquoi il faut ajouter "embed" dans l'URL, à quoi correspond-t-il ?

Bonjour,

ObiJuanKenobi a écrit :
Merci parsimonhi, ça marche maintenant avec l'élément <iframe> mais je ne comprends pas pourquoi il faut ajouter "embed" dans l'URL, à quoi correspond-t-il ?

C'est comme ça parce qu'instagram a voulu que ce soit comme ça : les urls avec le "embed" peuvent être utilisées dans des sites tiers comme le tien et celles sans le "embed" ne peuvent pas l'être (tout instagram n'est pas utilisable dans des sites tiers).

Il n'y a rien techniquement qui les obligeait à faire comme ça. C'est juste que ça les arrangeait que ce soit comme ça selon moi.

Amicalement,
Modifié par parsimonhi (21 May 2024 - 14:56)

@ObiJuanKenobi

Bonjour,

a écrit :
Merci parsimonhi, ça marche maintenant avec l'élément <iframe>

Et les deux autres personnes qui ont répondu à ta première question et ont donné la bonne piste (drphilgood et moi-même) ? Pas de remerciement pour elles ?
Certes, ce n'est pas écrit dans la charte du forum, mais on apprécie toujours.