Insertion d’une vidéo : WP me mélange mon code :o (Créer un compte)

  • Statut : non résolu
  • Ce sujet contient 34 réponses, 7 participants et a été mis à jour pour la dernière fois par Rmatt, le il y a 13 années.
15 sujets de 1 à 15 (sur un total de 35)
  • Auteur
    Messages
  • #452157
    yazerty
    Membre
    Chevalier WordPress
    158 contributions

    Bonjour,

    J’ai importé ce week-end tous mes anciens posts de DotClear 2 vers WP 2.2. C’est donc mes tous débuts dans WP 🙂.

    J’ai un problème avec les vidéos quand je modifie sous WP 2.2 un ancien billet importé de dc2. Un exemple valant parfois mieux qu’un long discourt…

    Code avant que je modifie mon billet sous WP (marche parfaitement) :

    <ul>
    <li>Interface graphique sur écran tactile Multi-touch, permettant d’interagir avec ses deux mains sur l’écran (Minority Report effect ;-).</li>
    </ul>
    <p class="center">
    <object type="application/x-shockwave-flash" data="http://www.youtube.com/v/RPwaUp4gepU" height="350" width="425">
    <param name="src" value="http://www.youtube.com/v/RPwaUp4gepU">
    <p><i>Vidéo d’nterface graphique sur écran tactile Multi-touch (Minority Report effect ;-)…</i></p>
    </object>
    </p>

    Code après l’enregistrement du billet dans WP (je n’ai pas touché au code de la vidéo) :

    <ul>
    <li>Interface graphique sur écran tactile Multi-touch, permettant d’interagir avec ses deux mains sur l’écran (Minority Report effect ;-).</li>
    </ul>
    <p class="center"> 
    <object type="application/x-shockwave-flash" data="http://www.youtube.com/v/RPwaUp4gepU" height="350" width="425">
    </p>
    <param name="src" value="http://www.youtube.com/v/RPwaUp4gepU"></param>
    <em>Vidéo d’nterface graphique sur écran tactile Multi-touch (Minority Report effect ;-)…</em>
    </p>
    <p>
    </object>
    </p>

    (j’ai simplement “étalé” le code du billet enregistré avec WP afin de rendre plus lisible la comparaison : WP a ajouté un avant le “.

    Bref je ne sais pas très bien pourquoi il a modifié le code ainsi. Il n’a apparemment pas filtré les balises fondamentales des vidéos. J’ai d’ailleurs modifié le kses.php comme le dit le tuto d’import. D’après ce que j’ai lu sur le net à ce sujet ça supprime souvent des balises, mais il suffit de lui dire quelles sont les balises authorisées dans le kses.php et c’est bon d’après ce que j’ai lu.

    Par contre maintenant ma page ne ressemble plus à rien du coup : http://www.yazerty.net/interfaces-3d-tactiles-pour-bureaux

    J’ai essayé de rajouter un ‘class’ dans le ‘p’ (comme ceci : ‘p’ => array (‘align’ => array (), ‘class’ => array ()), ) et ai réenregistré le post en remettant le code de mon billet original (comme enregistré à l’origine dans DotClear). Cela donne le même code code (celui qui est foireux :-/).

    Qu’est-ce qui peut bien faire un tel “cafouillage” 😉 ?

    ps : j’utilise un code valide xhtml (je ne prends pas les codes des Youtube like).

    #600670
    Rod
    Membre
    Maître WordPress
    744 contributions

    Une fois de +, Jquery, l’ami de Youtube, mais je dis rien 🙂

    #600671
    yazerty
    Membre
    Chevalier WordPress
    158 contributions

    Mui mais autant j’utilise bien jquery pour des petits artifices de présentation autout je préfère conserver ce genre de choses “fixées”.

    Bref, j’aimerais bien que ça marche 😉. Et je ne comprends vraiment pas ce que WP me fait à mélanger les choses comme ça :o…

    #600672
    AmO
    Participant
    Maître WordPress
    4451 contributions

    Faut désactiver l’éditeur visuel pour éviter ce genre de désagrément 🙂

    #600673
    Rod
    Membre
    Maître WordPress
    744 contributions

    Choses “fixées” … c’est drole de dire ca quand on sait la non souplesse d’un code YouTube.

    #600674
    yazerty
    Membre
    Chevalier WordPress
    158 contributions
    Rod wrote:
    Choses “fixées” … c’est drole de dire ca quand on sait la non souplesse d’un code YouTube.

    Un code de lecture de vidéo a des chances d’être encore lu dans quelques temps. Par contre un code qui nécessite le recourt à jquery là c’est moins sûr (ex : changement de plateforme de blog). C’est le fait d’être dépendant d’un truc qui me gêne.

    AmO wrote:
    Faut désactiver l’éditeur visuel pour éviter ce genre de désagrément 🙂

    J’ai copié/collé le code de mon ancienne page dans l’onglet “code”, ça devrait bien marche, non ?

    #600675
    albaran
    Participant
    Chevalier WordPress
    137 contributions

    Attention: il faut introduire le code en une ligne, one-liner, pour éviter que WP introduise des balises

    qui cassent le code et qui en plus sont invisibles dans l’édition du billet.

    Voir l’exemple du lecteur flv de neolao http://resources.neolao.com/flash/components/player_flv
    sur le blog http://cvie.free.fr/blog/

    #600676
    Rod
    Membre
    Maître WordPress
    744 contributions

    Jquery est comme Mootools assuré à un avenir certains, qui fonctionne sur tous les supports, blog ou pas blog … me sortez pas des arguments comme ca svp, c’est pas tres credible : ben ouais, il suffit de mettre le plugin Jquery pour que tout lien Youtube se transforme en lecteur video : c’est fou car ca marche aussi sur un forum type PunBB … justement, Jquery est TRANS plateforme ….

    D’ailleurs c’est tellement sur que Jquery va disparaitre que WP 2.2 a integré la librairie dans son admin.

    Donc en gros, l’argument du siecle c’est de me dire que

    c’est mieux que

    Nom video ?

    OK.

    #600677
    albaran
    Participant
    Chevalier WordPress
    137 contributions

    Comment mettre correctement le code d’affichage d’un lecteur mp3 ou flv dans un billet en utilisant l’éditeur visuel WordPress ?

    Voir mode d’emploi et exemple ici : http://cvie.free.fr/blog/?p=52

    Billet supprimé, trop compliqué. Voir la méthode de Rod ci-dessous, simplicité biblique !

    #600678
    Rod
    Membre
    Maître WordPress
    744 contributions

    C quand meme fou d’insister ! tu te rends compte de tout ce que tu as a faire pour avoir un code propre ? mais vous aimez vraiment vous faire chier les mecs, c dingue 🙂

    et desolé de te decevoir, mais ta page contient 2 erreurs xhtml liées au lecteur flash

    line 46 column 85 – Warning: discarding unexpected
    line 47 column 41 – Warning: discarding unexpected

    Allez, on continue 🙂

    #600679
    Rod
    Membre
    Maître WordPress
    744 contributions

    1. remplacer le fichier kses.php par celui contenu dans ce pack
    2. préparer son texte complet sans introduire le code d’affichage
    3. préparer son code d’affichage en one-liner, sur une seule ligne, sans blanc entre balises, de préférence dans un éditeur texte (Notepad++ par exemple) pour le sauvegarder (il faudra le réintroduire en cas de modification du billet car l’éditeur détruit le one-liner)
    4. dans l’éditeur, passer de Visuel à Code. Copier-coller le code d’affichage à l’endroit voulu
    5. Enregistrer et de préférence ne plus modifier le billet.
    6. pour modifier le billet : commencer par supprimer le code d’affichage, faire les modifications, y compris la catégorie et les tags, et après vérification , réintroduire le code d’affichage que vous avez sauvegardé.

    Ma methode

    Installer Jquery + Plugin Jquery Flash dans header
    Installer le lecteur flash sur votre serveur
    entrer nom mp3

    C’est fini 🙂

    #600680
    yazerty
    Membre
    Chevalier WordPress
    158 contributions

    Effectivement en une ligne ça a l’air de marcher. Merci encore une fois Albaran !! Par contre l’instant d’après ça ne marchait plus je ne sais pas pourquoi. So c’est un peu délicat à utiliser comme méthode (même si c’est possible et ça a l’air de marcher aussi chez moi). C’est quand même dommage que WP interprète ce qu’on écrit quand on le fait en mode “code”.

    Mouep, tout compte fait je crois que je vais adopter le plugin Embedded Video Link, qui m’a l’air pratique et efficace 🙂. (et ça rend un code valide pour le coup 🙂 !)

    Je passerai peut-être au jquerry quand mon cerveau aura décanté 😉.

    #600681
    Rod
    Membre
    Maître WordPress
    744 contributions

    ben l’avantage de Jquery c’est qu’une fois installé dans ton header, t’as plus à te faire chier … en gros ton code aura beau contenir un

    nom contenu flash

    ca c’est 100% valide xhtml 🙂 Jquery s’arrange pour transformer tout ca sans changer le code de ta page : bref. Je ne comprends pas ou est le souci, mais puisque certains aiment jouer les Mac Gyver du Blog, qu’ils y jouent 🙂 je suis pragmatique, je cherche toujours au plus simple, et Jquery EST LA solution : c’est meme pas un plugin, ca n’alourdit rien dans le code (22 ko de JS, qui en plus sert pour bien d’autres choses pratiques, comme le wrapping)

    Mais en effet, sinon Embedded Video Link est le mieux actuellement, dans les trucs les moins pires.

    #600682
    yazerty
    Membre
    Chevalier WordPress
    158 contributions

    J’utilise Jquery pour un petit effet sur ma boîte de commentaire (pouvoir augmenter la hauteur par un drag&drop), je sais que c’est un bon outil 🙂.

    #600683
    Rod
    Membre
    Maître WordPress
    744 contributions
    yazerty wrote:
    J’utilise Jquery pour un petit effet sur ma boîte de commentaire (pouvoir augmenter la hauteur par un drag&drop), je sais que c’est un bon outil 🙂.

    ben si c’est deja installé, tu n’as donc aucune excuse 🙂

    quand je lis certains arguments, qui justement utilisent Jquery à mauvais escient (juste pour faire les memes conneries qu’a l’aube du dhtml quand certains nOObs s’amusaient à foutre des etoiles clignotantes autour d’une souris), et qu’ils preferent foutre le plus moche lecteur Flash de la terre sur leur site (YouTube), je me dis que je suis soit has been, soit des choses m’echappent.

    Essaie le plugin flash mp3 et youtube .. et tu me dis si tu as des soucis 🙂

15 sujets de 1 à 15 (sur un total de 35)
  • Vous devez être connecté pour répondre à ce sujet.