Tuto WP « vidéo Vimeo dans WordPress »
Pour commencer voici un exemple qui fonctionne.
Baby Blue from wesley johnson on Vimeo.
Pour insérer une vidéo Viméo, rien de plus simple, il suffit de rentrer le code fourni par un clic sur l’icone embed dans l’éditeur en mode html.
Allez sur le site Vimeo à l’adresse de la vidéo que vous voulez intégrer au contenu. ici pour celle que vous voyez dans le tuto.
Une fois la vidéo trouvée, cliquez sur l’icone EMBED
Vous voyez apparaitre l’écran suivant:
Il ne vous reste plus qu’à copier ce qui se trouve dans la zone Get the embed code et à la coller dans votre éditeur mais attention, en HTML et non en visuel.Publiez et affichez votre page, la vidéo s’y trouve.
C’est tout, à moins que vous ne souhaitiez modifier quelques options d’affichage.
Pour ce faire, sur l’interface affichant le script à copier/coller, cliquez sur le lien
« CUSTOMIZE EMBED OPTIONS ».
Entre autres possibilités, certaines sont plus délicates à utiliser que les autres, comme celle qui permet de démarrer la vidéo automatiquement « Auto play this video », ou qui la lit en boucle « Loop this video » , l’interêt n’est pas évident.
Par contre vous souhaiteriez peut-être modifier les dimensions.
Dans la zone « Size » , ne saisissez qu’une dimension, l’autre se modifie automatiquement. Pour le reste et bien faites des tests, ça vous occupera.
Bonjour,
Chez moi ça ne marche pas et je crois que je ne suis pas le seul : les balises <iframe… disparaissent quand on repasse en mode visuel sous WP.
Avez-vous une astuce simple et efficace pour palier à ce problème ?
merci
Bonjour,
Logiquement, toutes les balises html disparaissent en visuel. Il faut contrôler si elle disparaissent en mode html.
Si oui, c’est l’éditeur le fautif.
Il faut le désactiver car il nettoie le code avant de l’envoyer dans la base de données.(dans le profil utulisateurs/admin je crois) et coller le code, valider la page et contrôler si ça fonctionne. Puis réactiver l’éditeur – ou rester en html si possible ;o)
On rencontre le même problème avec d’autres langages (javascript – php…)
j’ai rajouté une vidéo dans le tuto qui fonctionne avec le code copié.
Génial, merci pour ce post.
ça faisait un moment que je galérais sur ce point.
ça me rassure, vu le précédent post… je me demande pourquoi les développeurs de wordpress laissent l’éditeur dénaturer le html…
Super, merci pour ce post. Pour moi, ça a très bien marché!