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

L'histoire !
Les règles à connaître...
kodaker
Messages : 18
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 lu 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é).


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

Re: Tutorial Lightroom+Photoshop

Message non lu par Thierry »

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


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

Re: Tutorial Lightroom+Photoshop

Message non lu 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é.


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

Re: Tutorial Lightroom+Photoshop

Message non lu 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 ;)
Thierry
http://thierry-rolland.fr


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

Re: Tutorial Lightroom+Photoshop

Message non lu 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.


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

Re: Tutorial Lightroom+Photoshop

Message non lu 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
Thierry
http://thierry-rolland.fr


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

Re: Tutorial Lightroom+Photoshop

Message non lu 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:


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

Re: Tutorial Lightroom+Photoshop

Message non lu par Thierry »

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


Avatar du membre
Fanch
fidèle
fidèle
Messages : 979
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 lu 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.
;)
Fanch
flickr photostream


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

Re: Tutorial Lightroom+Photoshop

Message non lu 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:
Thierry
http://thierry-rolland.fr


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

Re: Tutorial Lightroom+Photoshop

Message non lu 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 !


Avatar du membre
Fanch
fidèle
fidèle
Messages : 979
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 lu 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.
Fanch
flickr photostream


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

Re: Tutorial Lightroom+Photoshop

Message non lu 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]
Thierry
http://thierry-rolland.fr


Avatar du membre
Fanch
fidèle
fidèle
Messages : 979
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 lu 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]
Fanch
flickr photostream


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

Re: Tutorial Lightroom+Photoshop

Message non lu 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.


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

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

Message non lu 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 ?
Thierry
http://thierry-rolland.fr


Avatar du membre
Loulou
animateur (environnement)
animateur (environnement)
Messages : 5219
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 lu 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
jean-philippe


Avatar du membre
Fanch
fidèle
fidèle
Messages : 979
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 lu par Fanch »

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 : 5652
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 lu par Herminio »

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 : Guadeloupe 2020, Bali 2019, Açores 2018


Avatar du membre
Loulou
animateur (environnement)
animateur (environnement)
Messages : 5219
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 lu par Loulou »

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


Répondre

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