Demande d'aide pour plugin tout simple YouTube

MatronixMatronix Member
dans Entraide
Bonjour à tous

J'utilise spxtynimce comme éditeur wysiwyg, et je cherche à faire un petit plugin tout simple pour Youtube, mais je n'y arrive pas.
En gros, je voudrais qu'en cliquant sur ce bouton, s'ouvre une petite fenêtre pour coller le code de la vidéo (cMzt0EOF0IU dans l'exemple ci-dessous), et que ça me génère immédiatement le texte suivant :

<div class="video-container"><iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/cMzt0EOF0IU?rel=0&vq=hd1080"; frameborder="0" allowfullscreen></iframe></div>

Aucune option, rien, juste ce texte à afficher, avec comme seule variable "cMzt0EOF0IU". Je ne pense pas que ça soit très difficile, mais je n'y arrive malheureusement pas, mes connaissances en javascript étant très limitées...

Si quelqu'un pouvait m'aider, ça serait très gentil de sa part :)

Réponses

  • je-evrardje-evrard Member
    février 2014 modifié
    Salut,

    Il y a déja youtube dans spxtynimce. Il faut l'activer dans la configuration. Il ne te convient pas en fait ?
  • MatronixMatronix Member
    février 2014 modifié
    Oui j'ai vu, je l'ai activé et non il ne me convient pas pour plusieurs raisons : il génère du code d'ancienne génération (sans l'iframe), et la vidéo ne peut donc pas être mise en plein écran. Les boutons HD/HTML5 et cie ne fonctionnent pas, il n'a pas les bonnes balises entre autres.
    Tout ça en bidouillant j'ai réussi à tout corriger, tout comme le rajout de mon <div>. Par contre il me génère ce code ci :
    <div class="video-container"><iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/cMzt0EOF0IU?rel=0&vq=hd1080"; frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
    Au lieu de :
    <div class="video-container"><iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/cMzt0EOF0IU?rel=0&vq=hd1080"; frameborder="0" allowfullscreen></iframe></div>

    Rien à faire, impossible de n'indiquer que "allowfullscreen", il rajoute toujours la suite après. Evidemment, allowfullscreen="allowfullscreen" ne fonctionne pas pour mettre la vidéo en plein écran...
  • je-evrardje-evrard Member
    Tu peux me zipper tes modifs stp que je regarde.
  • MatronixMatronix Member
    février 2014 modifié
    Désolé de ne répondre que maintenant.

    Voilà mon youtube.js : http://pydio.matronix.fr/data/public/1475f6.php

    A mettre évidemment dans le plugin youtube de spxtynimce.

    Je n'avais pas fait gaffe que tu étais à l'origine de spxtynimce (et du plugin youtube ?). Du coup voilà quelques remarques qu'il serait bien de modifier pour le plugin :

    1. Supprimer le code avec la balise <object>, c'est le code d'ancienne génération, il n'est plus généré par Youtube, maintenant il utilise la balise <iframe> qui est plus propre et surtout permet le plein écran.
    2. Pour les vidéos en HD, c'est la balise &/? vq=hd1080. Si la version 1080 n'est pas dispo, il essaira la version 720p, puis 480, etc. Donc mettre 1080 par défaut permet d'afficher la meilleure résolution possible.
    3. Pour la lecture HTML5, c'est la balise &/? html5=1. Pas cumulable avec l'affichage en HD du 2.

    Du côté de mes bidouilles, tu verras ce n'est pas très propre, mais ça permet au moins d'afficher ce que je veux. Je n'utilise pas les cases à cocher, je mets par défaut tout le temps la vidéo en HD.
    J'ai changé au début du fichier le domaine de la vidéo, en indiquant var tabURL = new Array('https://www.youtube-nocookie.com/v/','http://www.youtube-nocookie.com/embed/');
    Le "nocookie" permet une meilleure vie privée pour les visiteurs (pas de cookie de traçage pour eux), ça serait bien d'y mettre par défaut.
  • je-evrardje-evrard Member
    Ok merci. Je regarde dès que possible. Sachant que l'on va passer en version 2 de spxtynimce fin février. Je mettrais tout ça dans le package.
Connectez-vous ou Inscrivez-vous pour répondre.