Vous cherchez un moyen d'ajouter le paramètre wmode aux oEmbeds ? oEmbed transformera une URL YouTube ou tout autre lien similaire en une vidéo intégrée sans avoir besoin d'ajouter de HTML. Bien qu'il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour insérer le paramètre wmode dans les oEmbeds dans WordPress.
Instructions :
Il vous suffit d'ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique au site :
add_filter( 'oembed_result', 'slt_wmode_opaque', 10, 3 );
function slt_wmode_opaque( $html, $url, $args ) {
if ( strpos( $html, '<param name="movie"' ) !== false )
$html = preg_replace( '|</param>|', '</param><param name="wmode" value="opaque"></param>', $html, 1 );
if ( strpos( $html, '<embed' ) !== false )
$html = str_replace( '<embed', '<embed wmode="opaque"', $html );
return $html;
}
Sites web pris en charge : YouTube, Vimeo, DailyMotion, blip.tv, Flickr, Viddler, Hulu, Qik, Revision3, Scribd, Photobucket, PollDaddy, Google Video, WordPress.tv, SmugMug, FunnyOrDie.com
Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière de copier / coller correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.
Si vous avez aimé cet extrait de code, n'hésitez pas à consulter nos autres articles sur le site tels que : Comment créer un formulaire multipage dans WordPress et 43 meilleurs thèmes de photographie pour WordPress.
Désolé pour le commentaire bidon, mais comment puis-je implémenter cela ?
Étape 1 : copiez le code fourni dans mon fichier functions.php
Étape 2 : ??
J'ai suivi l'étape 1 mais rien ne fonctionne
C'est la première solution que j'ai trouvée à ce problème qui fonctionne (presque entièrement) ! Je vous remercie ! Cependant, j'ai toujours le même problème lorsque je charge mon site dans Chrome (15.0.874.121) pour OSX. Firefox fonctionne très bien. Safari fonctionne très bien. Je n'ai pas encore testé sur les navigateurs Windows. Savez-vous s'il y a quelque chose de spécifique à Chrome qui fait que cette correction ne fonctionne pas, et y a-t-il une option pour y remédier ?
Cette fonction n'est pas spécifique au navigateur, car elle s'exécute sur le serveur. cependant, voulez-vous dire que le paramètre wmode ne fonctionne pas dans Chrome ?
C'est exact. Il semble n'avoir aucun effet lorsque je visualise mon site dans Chrome. Le menu déroulant apparaît toujours derrière la vidéo intégrée. Mais cela a résolu le problème dans Safari et Firefox.
Ahh je vois, ok eh bien pour que votre menu fonctionne, vous devrez changer le paramètre en « transparent » plutôt qu’en « opaque », cela devrait résoudre le problème. C’est aux lignes 4 et 6.
Hrmm… J’ai essayé de le changer en transparent mais cela n’a eu aucun effet sur Chrome.
Il semble que vous devriez également définir un z-index sur l’objet flash.
Ok, donc… sur la question de définir un z-index… le problème que j’ai est que j’essaie d’intégrer des vidéos YouTube en incluant simplement le lien YouTube en ligne dans la publication. S’il y a un paramètre supplémentaire que je peux ajouter au lien YouTube pour définir le z-index, je ne le connais pas. Là où j’en suis, cela fonctionne dans tous les navigateurs que j’ai testés sauf Chrome (qui, malheureusement, représente maintenant environ 25 % de mon trafic). Mais j’ai essayé d’éviter de revenir au code d’intégration par souci de simplicité. Il semble que cela pourrait être aussi bon que possible sans compliquer le processus de publication pour mes contributeurs.
Ce n’est pas ce que je veux dire, votre menu déroulant aura un z-index défini afin que le menu s’affiche au-dessus du contenu. J’ai lu une chose, ils ont dit de définir un z-index pour l’objet, par exemple :
objet, intégrer{
position:relative;
z-index:1;
}
assurez-vous simplement que votre menu a un z-index plus élevé si vous continuez d’avoir des problèmes, utilisez le formulaire de contact et je peux vous envoyer un e-mail à ce sujet plutôt que d’utiliser les commentaires.