Page 1 sur 2

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

Posté : 11 mai 2014, 20:17
par kodaker
Ç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é).

Re: Tutorial Lightroom+Photoshop

Posté : 11 mai 2014, 22:16
par Thierry
Je vais essayer de trouver un BBcode qui va bien :)
Si tu as une idée ;)

Re: Tutorial Lightroom+Photoshop

Posté : 12 mai 2014, 19:20
par kodaker
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é.

Re: Tutorial Lightroom+Photoshop

Posté : 12 mai 2014, 21:31
par Thierry
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/documentatio ... html#video
Allez, plus que 4 messages et tu auras toutes les fonctions ;)

Re: Tutorial Lightroom+Photoshop

Posté : 12 mai 2014, 22:28
par kodaker
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.

Re: Tutorial Lightroom+Photoshop

Posté : 12 mai 2014, 22:44
par Thierry
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

Re: Tutorial Lightroom+Photoshop

Posté : 12 mai 2014, 23:15
par kodaker
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:

Re: Tutorial Lightroom+Photoshop

Posté : 13 mai 2014, 09:24
par Thierry
Toi, je vais t'embaucher ! :lol:

Re: Tutorial Lightroom+Photoshop

Posté : 13 mai 2014, 09:32
par Fanch
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.
;)

Re: Tutorial Lightroom+Photoshop

Posté : 13 mai 2014, 09:47
par Thierry
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:

Re: Tutorial Lightroom+Photoshop

Posté : 13 mai 2014, 14:24
par kodaker
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 !

Re: Tutorial Lightroom+Photoshop

Posté : 13 mai 2014, 15:13
par Fanch
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.

Re: Tutorial Lightroom+Photoshop

Posté : 13 mai 2014, 18:13
par Thierry
Voilà ! :)

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

[youtube]5JAL5tB6n3Y[/youtube]

[youtube2]5JAL5tB6n3Y[/youtube2]

[youtube3][/youtube3]

Re: Tutorial Lightroom+Photoshop

Posté : 13 mai 2014, 18:28
par Fanch
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]

Re: Tutorial Lightroom+Photoshop

Posté : 13 mai 2014, 19:16
par kodaker
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.

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

Posté : 13 mai 2014, 20:23
par Thierry
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 ?

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

Posté : 13 mai 2014, 20:31
par Loulou
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

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

Posté : 13 mai 2014, 23:02
par Fanch
Exact Loulou, je n'avais prêté attention aux options du lecteur.

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

Posté : 13 mai 2014, 23:06
par Herminio
Et en plus on peut passer en plein écran sur les 2 et 3 et pas sur la 1 :wink:

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

Posté : 14 mai 2014, 00:10
par Loulou
oui c'est qu'est ce que Loulou il a dit au dessus :D