Nous sommes le Mar 19 Mars, 2024 12:04
Supprimer les cookies

Code pour boutons youtube

Tout ce qui est un peu hors-sujet mais qui peut se partager...

Lun 14 Mars, 2016 18:06

Salut,

(Je ne sais pas trop où poster ce sujet... Ne manquerait-il pas un forum "Internet Libre" pour le dialogue entre ceux qui veulent dégoogliser Internet ?)

Je réalise un nouveau site Internet pour une association de FLE (Français Langue Étrangère). Cette association a fait réaliser une vidéo de présentation par un de ses élèves, professionnel en la matière, qui a ensuite mis ces vidéos sur youtube.

Il me demande maintenant de télécharger un code HTML et de l'intégrer au site, soi-disant pour que youtube puisse faire un lien sur le site en ayant la preuve que le site accepte le lien.

J'ai fait le site en n'utilisant aucun javascript (PHP, HTML5 et CSS3 me suffisent à faire un site agréable et dynamique, pas besoin d'effets tape-à-l'oeil inutiles, longs à charger... et souvent peu respectueux des choix de l'Internaute !), en utilisant un minimum de cookies, en utilisant des stats hébergées localement pour garder une totale indépendance et en ne collectant aucune donnée personnelle. Je vois donc d'un très mauvais oeil l'arrivée de code imposé par youtube. D'autre part, je comprends mal l'utilité de ce code et de cette autorisation pour faire un lien sur le site. Est-ce parce que les vidéos n'ont pas été faites et mises en ligne par l'association ?

Bref, qu'en pensez-vous et que me conseilleriez-vous pour
- Satisfaire l'association qui tient à ces liens pour attirer les internautes (avantage difficile à refuser !) et qui affirme que le CIEP (Centre International d'Etudes Pédagogiques de Sèvres), organisme d'Etat qui gère les diplômes de FLE ainsi que le label Qualité Français Langue Etrangère, oblige (je pense qu'il faut plutôt entendre "conseille vivement") les centres de FLE à utiliser youtube;
- Préserver malgré tout l'indépendance et la qualité du site ainsi que la vie privée des visiteurs;
- Et bien sûr ne pas tomber dans le piège des passages soit-disant obligés, de la protection des droits d'auteur qui vise avant tout à protéger les profiteurs et des arguments miroitants visant surtout à renforcer une position déjà bien trop dominante.
jibe

Messages : 5

Mar 15 Mars, 2016 09:11

Il me semble que Youtube propose la possibilité de restreindre la diffusion des vidéos privées à certains sites qu'on valide par liste blanche. C'est probablement la raison pour laquelle on vous demande l'insertion d'un code qui valide le site.

Par contre, s'il s'agit juste de l'iframe qui sert à afficher la vidéo, effectivement ça pose un problème pour la vie privée des visiteurs.
Pour éviter le pistage, sur le Framablog, nous affichons juste une image du lecteur avec le lien vers la vidéo youtube. Lors d'un clic gauche dessus, l'image est remplacée par l'iframe en javascript (on utilise jQuery).

Code: Tout sélectionner
 var f$_yt_i=0;
    f$('a[href*="youtube.com/watch"],a[href*="youtu.be/"]').has('img').click(function() {
        // Si lien youtube <a> on l'ajoute le code au clic + ajout d'un Id à l'iframe
        var f$_yt_iframe = f$(this).attr('href').replace(
            /(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com(?:\/embed\/|\/v\/|\/watch\?v=))([\w\-]{10,12})\b[?=&\w]*(?!['"][^<>]*>|<\/a>)/ig,
        '<iframe id="youtube'+ f$_yt_i +'" src="https://www.youtube.com/embed/$1?autoplay=1" width="560" height="315" frameborder="0" allowfullscreen ></iframe>');
        f$(this).after(f$_yt_iframe);
        // On supprime <a><img/></a>
        f$(this).remove();
        f$_yt_i++;
        return false;
    });
JosephK

Avatar de l’utilisateur
Messages : 2221

Mar 15 Mars, 2016 21:39

Bonjour,

Merci pour ces éléments intéressants. Oui, je n'ai pas pensé à la restriction des sites autorisés à diffuser. Ce n'est pas du tout ce que m'a dit le vidéaste, mais il a pu mal comprendre... Je vais lui demander si c'est bien ça. Quoique, d'un autre côté, j'ai bien mis sans problème la vidéo sur le site sans rien faire d'autre que d'inclure l'iframe. Pas sûr donc que ce soit bien ça...

Pour l'astuce de l'image appelant l'iframe, c'est vrai que c'est un bon moyen. Ça n'évite pas vraiment le pistage, mais ne sont pistés que ceux qui visualisent la vidéo.

Comme je l'ai dit, j'évite autant que possible tout ce qui touche de près ou de loin à Javascript : je n'ai jamais aimé ça, et généralement je navigue en l'ayant désactivé. Du coup, par respect pour ceux qui comme moi n'aiment pas et pour éviter que certaines fonctionnalités sur le site leur soient inaccessibles, j'évite. Mais cet appel d'iframe par une image peut être facilement fait autrement, en PHP voire même en simple HTML en faisant un lien sur une autre page (mais si cette autre page a le même contenu, je ne sais pas si c'est bon pour le référencement... Mieux vaut probablement rappeler la même avec un paramètre différent qui sera testé par PHP).
jibe

Messages : 5

Qui est en ligne ?

Utilisateur(s) parcourant actuellement ce forum : Aucun utilisateur inscrit