Imprimer la Page | Close Window

Url YouTube

Imprimé depuis: openElement Website
Categorie:

openElement


Nom du Forum: Scripts pour votre site
Description du Forum: Exemple de scripts utilisables dans les blocs de codes
URL: http://forum.openelement.com/en/forum_posts.asp?TID=23153
Date: Sep 19 2019 à 7:09am
Version logiciel: Web Wiz Forums 10.18 - http://www.webwizforums.com


Sujet: Url YouTube
Posté par: Sidney
Sujet: Url YouTube
Posté le: Dec 26 2017 à 1:42pm
Bonjour,

voici mon problème :
je voudrais pouvoir, sur une page, accéder à plusieurs vidéos sur YouTube en utilisant une liste déroulante ou des boutons et un seul élément Vidéo YouTube (jusqu'à présent, j'avais un élément Vidéo YouTube par vidéo, mais le nombre de vidéos augmentant, la page devient confuse).

Il s'agirait donc, en cliquant sur un bouton ou en choisissant un élément d'une liste déroulante de "passer" l'Url de la vidéo sur YouTube au lecteur vidéo... Et là, je ne sais pas faire !!!
Quelqu'un peut-il m'aider ?

Merci en tout cas à tous les contributeurs et aux concepteurs d'Open Elements !!!
Sidney



Réponses:
Posté par: Dmit OE
Posté le: Dec 26 2017 à 3:14pm
Bonjour,

 - Mettez vos boutons et sur chaque ajoutez un Classe Perso dans Proprietes, ex. "video1", "video2" etc. (sans "").

 - Ajoutez un Bloc de Code Source type Javascript avec le code:

$(function(){
  var $v = $('iframe'); // iframe avdec video YouTube

  $('.video1').click(function(){ $v.attr('src', "LIEN_YOUTUBE_A_METTRE_ICI"); });
  $('.video2').click(function(){ $v.attr('src', "LIEN_YOUTUBE_A_METTRE_ICI"); });
  // ....copier et editer autant que besoin....

});


Posté par: Sidney
Posté le: Dec 26 2017 à 7:36pm
Bonsoir, et merci beaucoup pour votre réponse rapide !

Pour l'instant, je patauge un peu (beaucoup) ; je pense que ne traite pas bien le "iframe avec video Youtube"... Pourriez-vous me donner plus de détails (faut-il le créer avec du html, est-ce tout simplement un "WEVideoYouTube, et si oui, comment le nommer (id ?) ?
Vous voyez, je suis un peu dans le brouillard !

Merci pour votre éventuelle réponse,
Sidney



Posté par: Dmit OE
Posté le: Dec 26 2017 à 9:06pm
L'element YouTube ne semble plus marcher; utilisez un Bloc de Code Source Visuel pour y enserer le code d'integration fourni par YouTube (ce code doit contenir "<iframe ...."


Posté par: Sidney
Posté le: Dec 27 2017 à 6:29am
Merci !
D'une façon, votre réponse me rassure...
Bien cordialement,
Sidney


Posté par: Coindesbikers
Posté le: Feb 09 2018 à 8:31pm
Bonsoir,

J'aimerais également faire cela mais j'ai du mal faire quelque chose car ça ne fonctionne pas.

J'ai donc intégré le code de l'iframe sur ma page via "bloc de code visuel".
Ensuite le code Java Script via "bloc invisible" après y avoir indiqué les url des videos. Il est placé entre les balises <head> de cette même page.
Pour terminer, j'ai donc créé un lien bouton en indiquant pas d'url mais juste dans "Class perso" "video1" et ainsi de suite...

Mais ca ne marche pas, il y a-t-il une autre manipulation à faire?

Merci.


-------------
Chris ;-)


Posté par: Coindesbikers
Posté le: Feb 09 2018 à 9:18pm
Il y avait un script Facebook qui était dans le Head qui posait problème.
Maintenant le code fonctionne mais au lieu de lancer la vidéo, j'ai un message d'erreur:

"Nous ne pouvons pas afficher ce contenu dans un cadre
Du contenu apparaît normalement à cet emplacement. Toutefois, l’éditeur interdit son affichage dans un cadre pour vous aider à préserver les informations éventuellement saisies sur ce site.
Essayer
Ouvrir dans une nouvelle fenêtre"

Je précise que les vidéos proviennent de ma propre chaine YouTube et que j'ai activé l'option "autoriser l'intégration site"...


-------------
Chris ;-)


Posté par: Dmit OE
Posté le: Feb 09 2018 à 9:30pm
Normalement il suffit de previsualiser la page (F12) dans un navigateur


Posté par: Coindesbikers
Posté le: Feb 09 2018 à 9:31pm
Bon ben désolé pour le dérangement :-)
j'ai trouvé d'où venait le soucis. Au cas ou cela intéresserait quelqu'un, le voici:
Il faut dans une frame impérativement utiliser les lien de video comme ceci:
https://www.youtube.com/embed/numero_de_la_video
Et non pas pas les url simplifiées comme ceci:
https://youtu.be/numero_de_la_video

Bonne soirée.


-------------
Chris ;-)


Posté par: Bridet
Posté le: Feb 10 2018 à 10:57am
Vous ne feriez pas un petit tuto contributif ?


-------------
http://accessit.be" rel="nofollow - Les Billets d'une Bobonne Bougonne http://gite.vervoz.be" rel="nofollow - Gîte Le Vicus www.de-troyer.be - www.gites-durbuy.be



Imprimer la Page | Close Window

Forum Software by Web Wiz Forums® version 10.18 - http://www.webwizforums.com
Copyright ©2001-2014 Web Wiz Ltd. - http://www.webwiz.co.uk