Balise youtube qui génère la iframe proposée par google

L'histoire !
Les règles à connaître...
kodaker
Messages : 23
Enregistré le : 07 janv. 2014, 21:48
Marque et modèle d'appareil : Nikon D80
Localisation : Bzh

Balise youtube qui génère la iframe proposée par google

Message non lupar kodaker » 11 mai 2014, 20:17

Ça ne serait pas possible d'avoir une balise youtube qui génère la iframe proposée par google ? Ça permettrait à ceux qui n'ont pas de player flash de voir les vidéos quand même en html5 (actuellement le mode flash est forcé).

Avatar du membre
Thierry
administrateur
administrateur
Messages : 17557
Enregistré le : 08 sept. 2007, 18:00
Marque et modèle d'appareil : Nikon D7000
Localisation : Alsace (dans le Sud)
Contact :

Re: Tutorial Lightroom+Photoshop

Message non lupar Thierry » 11 mai 2014, 22:16

Je vais essayer de trouver un BBcode qui va bien :)
Si tu as une idée ;)
Thierry
http://thierry-rolland.fr

kodaker
Messages : 23
Enregistré le : 07 janv. 2014, 21:48
Marque et modèle d'appareil : Nikon D80
Localisation : Bzh

Re: Tutorial Lightroom+Photoshop

Message non lupar kodaker » 12 mai 2014, 19:20

Qu'est-ce que tu entends par « trouver un bbcode qui va bien » ? Trouver un nom ? du code php ? Je peux sans doute proposer qqchose, mais je ne sais pas encore ce que je dois chercher ! Et je n'ai pas (encore) accès aux mp pour le moment, désolé.

Avatar du membre
Thierry
administrateur
administrateur
Messages : 17557
Enregistré le : 08 sept. 2007, 18:00
Marque et modèle d'appareil : Nikon D7000
Localisation : Alsace (dans le Sud)
Contact :

Re: Tutorial Lightroom+Photoshop

Message non lupar Thierry » 12 mai 2014, 21:31

Le forum est un phpbb3 les balises au dessus des blocs de réponses s'appellent BBcode on ajoute les lignes de codes dans l'interface admin.

Un exemple : http://forums.phpbb-fr.com/documentation/utilisation-de-phpbb/liste-des-bbcodes-a176-view.html#video
Allez, plus que 4 messages et tu auras toutes les fonctions ;)
Thierry
http://thierry-rolland.fr

kodaker
Messages : 23
Enregistré le : 07 janv. 2014, 21:48
Marque et modèle d'appareil : Nikon D80
Localisation : Bzh

Re: Tutorial Lightroom+Photoshop

Message non lupar kodaker » 12 mai 2014, 22:28

Alors c'est difficile pour moi car je n'ai pas de quoi tester, mais à vue d'oeil je dirais:

1. Solution avec le même fonctionnement qu'aujourd'hui (et donc sans doute le + simple)

Utilisation du BBCode:
[youtube5]{TEXT}[youtube5]

Code HTML de remplacement:
<iframe width="560" height="315" src="//www.youtube.com/embed/{TEXT} frameborder="0"></iframe>

Ligne d'aide:
[youtube5]{chiffre après le v=}[/youtube5]

Par contre j'ai utilisé les dimensions utilisées par google, on peut évidemment les changer (celles sur le site aujourd'hui semblent être width="425" height="350" (donc un peu plus haut et bien moins large)).


2. Solution dans laquelle on fait un copier/coller de l'url complète:

Utilisation du BBCode:
[youtube5]http{IGNORE}://{WWW}youtube.com/{ACTION}v={TEXT}{RESTE}[/youtube5]

Code HTML de remplacement:
<iframe width="560" height="315" src="//www.youtube.com/embed/{TEXT} frameborder="0"></iframe>

Ligne d'aide:
[youtube5]URL de la vidéo youtube dans la barre d'adresse[/youtube5]


Pour ce qui est des mp, ça viendra, effectivement ! Il faut dire que je serai plus bavard le jour où j'aurrai effectivement fait le pas de l'investissement dans le matos.

Avatar du membre
Thierry
administrateur
administrateur
Messages : 17557
Enregistré le : 08 sept. 2007, 18:00
Marque et modèle d'appareil : Nikon D7000
Localisation : Alsace (dans le Sud)
Contact :

Re: Tutorial Lightroom+Photoshop

Message non lupar Thierry » 12 mai 2014, 22:44

Quand je mets ce type de code j'ai un message d'alerte :
"Avertissement
Le BBcode que vous tentez d’ajouter semble utiliser un champs {TEXT} à l’intèrieur d’un attribut HTML. Ceci est une éventuelle faille de sécurité XSS. Essayez d’utiliser à la place des variables plus restrictives comme {SIMPLETEXT} ou {INTEXT}. Procédez uniquement si vous comprenez les risques potentiels et que vous jugez l’utilisation de {TEXT} absolument inévitable."
Pour info, je suis une quiche en php, je suis administrateur par hasard :D

Voilà le ode que j'ai pour Youtube :
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/{TEXT}"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/{TEXT}" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></objet
Thierry
http://thierry-rolland.fr

kodaker
Messages : 23
Enregistré le : 07 janv. 2014, 21:48
Marque et modèle d'appareil : Nikon D80
Localisation : Bzh

Re: Tutorial Lightroom+Photoshop

Message non lupar kodaker » 12 mai 2014, 23:15

Ok. Plutôt que de te faire faire des essais à ma place, je vais installer un phpbb3 sur ma machine, lire la doc et faire des essais :wink:

Avatar du membre
Thierry
administrateur
administrateur
Messages : 17557
Enregistré le : 08 sept. 2007, 18:00
Marque et modèle d'appareil : Nikon D7000
Localisation : Alsace (dans le Sud)
Contact :

Re: Tutorial Lightroom+Photoshop

Message non lupar Thierry » 13 mai 2014, 09:24

Toi, je vais t'embaucher ! :lol:
Thierry
http://thierry-rolland.fr

Avatar du membre
Fanch
fan
fan
Messages : 1010
Enregistré le : 10 août 2012, 16:33
Marque et modèle d'appareil : Canon 550D
Localisation : Basse-Normandie

Re: Tutorial Lightroom+Photoshop

Message non lupar Fanch » 13 mai 2014, 09:32

Thierry a écrit :Toi, je vais t'embaucher ! :lol:

Oui ! Ce serait peut être l'occasion de s'affranchir des balises URL
pour mettre un lien.
;)
Fanch
flickr photostream

Avatar du membre
Thierry
administrateur
administrateur
Messages : 17557
Enregistré le : 08 sept. 2007, 18:00
Marque et modèle d'appareil : Nikon D7000
Localisation : Alsace (dans le Sud)
Contact :

Re: Tutorial Lightroom+Photoshop

Message non lupar Thierry » 13 mai 2014, 09:47

Fanch a écrit :Oui ! Ce serait peut être l'occasion de s'affranchir des balises URL
pour mettre un lien.
;)
Elle sont là pour des raisons de sécurité pour éviter les :zoc: :zoc: :zoc:
:twisted:
Thierry
http://thierry-rolland.fr

kodaker
Messages : 23
Enregistré le : 07 janv. 2014, 21:48
Marque et modèle d'appareil : Nikon D80
Localisation : Bzh

Re: Tutorial Lightroom+Photoshop

Message non lupar kodaker » 13 mai 2014, 14:24

Bon, j'ai mangé avec mon ami le sandwitch, j'ai installé un phpbb3 et j'ai fait qques tests.
Donc les alternatives:

(1) Solution avec le même fonctionnement qu'aujourd'hui (et donc sans doute le + simple)
[youtube2]{SIMPLETEXT}[/youtube2]

Code HTML de remplacement:
<iframe width="560" height="315" src="//www.youtube.com/embed/{SIMPLETEXT}" frameborder="0"></iframe>

Ligne d'aide:
chiffre après le v=

(2) Solution dans laquelle on fait un copier/coller de l'url complète:
[youtube3]http{TEXT}://{TEXT2}youtube.com/{TEXT3}v={SIMPLETEXT}{TEXT4}[/youtube3]

Code HTML de remplacement:
<iframe width="560" height="315" src="//www.youtube.com/embed/{SIMPLETEXT}" frameborder="0"></iframe>

Ligne d'aide:
URL de la vidéo youtube dans la barre d'adresse


J'ai testé avec différents navigateurs (jusqu'à IE8, donc la préhistoire du web ^^ ) et les 2 fonctionnent.
MAIS, car il y a un mais, auquel des photographes devraient être sensibles: en dehors d'ajouter éventuellement de la pub (comme sur youtube), il se trouve que certaines vidéos font l'objet de restrictions de la part de youtube et ne peuvent être visionnées que depuis certains sites. C'est par exemple le cas de la vidéo du Suunto Vertical Blue 2013? Dans ce cas, il y a un message qui s'affiche, du genre « This video conatins content from WMG. It is restricted from playback on certains sites. Watch on youtube. »
Autrement dit, il peut y avoir des restrictions qu'on ne semble pas avoir quand on force l'utilisation du player flash.


Après, c'est vous qui voyez !

Avatar du membre
Fanch
fan
fan
Messages : 1010
Enregistré le : 10 août 2012, 16:33
Marque et modèle d'appareil : Canon 550D
Localisation : Basse-Normandie

Re: Tutorial Lightroom+Photoshop

Message non lupar Fanch » 13 mai 2014, 15:13

Thierry a écrit :pour éviter les :zoc:

Thierry ! :lol2:

C'est quand même plus pratique quand on peut coller l'adresse entière
plutôt qu'isoler l'identifiant de la vidéo.
Fanch
flickr photostream

Avatar du membre
Thierry
administrateur
administrateur
Messages : 17557
Enregistré le : 08 sept. 2007, 18:00
Marque et modèle d'appareil : Nikon D7000
Localisation : Alsace (dans le Sud)
Contact :

Re: Tutorial Lightroom+Photoshop

Message non lupar Thierry » 13 mai 2014, 18:13

Voilà ! :)

Ça marche, merci mais j'ai pas bien compris la différence des 3 :roll:

[youtube]5JAL5tB6n3Y[/youtube]

[youtube2]5JAL5tB6n3Y[/youtube2]

[youtube3]https://www.youtube.com/watch?v=5JAL5tB6n3Y[/youtube3]
Thierry
http://thierry-rolland.fr

Avatar du membre
Fanch
fan
fan
Messages : 1010
Enregistré le : 10 août 2012, 16:33
Marque et modèle d'appareil : Canon 550D
Localisation : Basse-Normandie

Re: Tutorial Lightroom+Photoshop

Message non lupar Fanch » 13 mai 2014, 18:28

Peu de différences au final, si ce n'est le formatage de l'url et la taille
du lecteur.

Mon préféré : le 3, évidemment.

Code : Tout sélectionner

[youtube3]https://www.youtube.com/watch?v=5JAL5tB6n3Y[/youtube3]
Fanch
flickr photostream

kodaker
Messages : 23
Enregistré le : 07 janv. 2014, 21:48
Marque et modèle d'appareil : Nikon D80
Localisation : Bzh

Re: Tutorial Lightroom+Photoshop

Message non lupar kodaker » 13 mai 2014, 19:16

Thierry a écrit :Voilà ! :) Ça marche, merci mais j'ai pas bien compris la différence des 3 :roll:

Ok, merci !
La différence entre le 1er et les 2 autres, tu ne peux la voir que lorsque tu n'as pas de lecteur flash, ce qui n'est sans doute pas ton cas.
La différence entre 2 et 3, c'est juste que ça demande moins de gymnastique pour celui qui veut insérer la vidéo, mais le résultat est le même.

Avatar du membre
Thierry
administrateur
administrateur
Messages : 17557
Enregistré le : 08 sept. 2007, 18:00
Marque et modèle d'appareil : Nikon D7000
Localisation : Alsace (dans le Sud)
Contact :

Re: Balise youtube qui génère la iframe proposée par google

Message non lupar Thierry » 13 mai 2014, 20:23

Ok, donc avec l'ipad et l'iphone, ça marchera tous le temps alors ? :roll:
Il faudrait laisser celui qui offre le plus de compatibilité non ?
Thierry
http://thierry-rolland.fr

Avatar du membre
Loulou
animateur (environnement)
animateur (environnement)
Messages : 5249
Enregistré le : 25 févr. 2009, 09:46
Marque et modèle d'appareil : Canon 7D
Localisation : orleans

Re: Balise youtube qui génère la iframe proposée par google

Message non lupar Loulou » 13 mai 2014, 20:31

la première, quand je clique sur le logo de YouTube, il ne se passe rien, alors que pour les 2 autres je me retrouve sur le site.
idem pour l'affichage plein écran, la première ne fonctionne pas chez moi
jean-philippe

Avatar du membre
Fanch
fan
fan
Messages : 1010
Enregistré le : 10 août 2012, 16:33
Marque et modèle d'appareil : Canon 550D
Localisation : Basse-Normandie

Re: Balise youtube qui génère la iframe proposée par google

Message non lupar Fanch » 13 mai 2014, 23:02

Exact Loulou, je n'avais prêté attention aux options du lecteur.
Fanch
flickr photostream

Avatar du membre
Herminio
animateur (thèmes)
animateur (thèmes)
Messages : 5470
Enregistré le : 25 janv. 2011, 22:45
Marque et modèle d'appareil : OM-D E-M1 Olympus
Localisation : Essonne
Contact :

Re: Balise youtube qui génère la iframe proposée par google

Message non lupar Herminio » 13 mai 2014, 23:06

Et en plus on peut passer en plein écran sur les 2 et 3 et pas sur la 1 :wink:
Herminio
Mes images sur Herminio-photosub / Mes albums sur flickr
Mes derniers CR : Bali 2019, Açores 2018, Seychelles 2018

Avatar du membre
Loulou
animateur (environnement)
animateur (environnement)
Messages : 5249
Enregistré le : 25 févr. 2009, 09:46
Marque et modèle d'appareil : Canon 7D
Localisation : orleans

Re: Balise youtube qui génère la iframe proposée par google

Message non lupar Loulou » 14 mai 2014, 00:10

oui c'est qu'est ce que Loulou il a dit au dessus :D
jean-philippe


Retourner vers « À propos de forum-photosub.fr »