bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Suggestions et questions sur le forum et son fonctionnement. Forum technique dédié également au traitement de l'image : colorisation, astuces pour Photoshop, animation au format GIF, utilisation pour le Web, etc.
Répondre
georges25
Apprenti(e)
Apprenti(e)
Enregistré le : dim. 06 mars 2016, 13:21

bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par georges25 »

Ci joint un code phpbb 3.1x

Avec le même bbcode, pour insérer des vidéos dans les messages, que ce soit youtube, daylymotion, facebook etc avec l'intégration entière (pour youtube) de l'Url (c'est a dire, ne plus placer la vidéo chiffre après le v)

Le bbcode se nomme vidéo

Dans le forum;

utilisation du bbcode

Code : Tout sélectionner

[video]{URL}[/video]
dans la partie
Code HTML de remplacement

Code : Tout sélectionner

<div class='bbvideo' data-url='{URL}' style='width: 640px; height: 390px; margin: 2px 0; display: inline-block; background: #000; color: #fff; overflow: hidden; vertical-align: bottom;'><div style='height: 100%;'><script>if (typeof bbmedia == 'undefined') { bbmedia = true; var e = document.createElement('script'); e.async = true; e.src = 'http://phpbbex.com/api/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div><div style='text-align: right; height: 14px; margin-top: -14px; padding-right: 2px; font: 10px/10px Verdana; color: #555;'><a style='color: #105289; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB</a> &#91;video&#93;</div></div>
dans la partie ligne d'aide

Code : Tout sélectionner

Insert video: [video]youtube.com/url, dailymotion.com/url, facebook.com/url[/video]
Pour facefook, si il y a une vidéo que vous voulez insérer sur le forum, clique droit sur la vidéo "schow vidéo url" et copié collé le lien de la vidéo

Prend en compte aussi ;

Currently the following video services are supported:
youtube.com (youtu.be) - playlists are also supported
vimeo.com
vk.com (vkontakte.ru) — the URL from the embed code is required
facebook.com
dailymotion.com
ustream.tv — streams and recorded videos
twitch.tv — streams and recorded videos
metacafe.com
video.google.com
video.yandex.ru — the URL from the embed code is required
myvideo.de
own3d.tv
clipfish.de
veevr.com
rutube.ru — it is recommended to use the URL from the embed code
video.mail.ru
smotri.com
video.qip.ru
video.bigmir.net
tvigle.ru — the URL from the embed code is required
video.online.ua
video.sibnet.ru
yapfiles.ru
megogo.net
intv.ru
lovi.tv
WebM, OGV and MP4 files via HTML5 <video> tag
Avatar du membre
Tovenaar
Administrateur
Administrateur
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De Tovenarij

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par Tovenaar »

Il n'y a que Blek, notre technicien, qui pourrait adapter le forum à ces codes actualisés.
Image Don't Cast Pearls Before Swine Image Empty Vessels Make Most Noise
Avatar du membre
Blek
Technicien du forum
Technicien du forum
Enregistré le : dim. 24 août 2003, 02:00
Localisation : Paname
Contact :

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par Blek »

Il faudrait que je migre sur la nouvelle branche 3.1.x
On est en 3.0.14
Tout n'est qu'une question de temps...
Avec l'hiver qui approche je vais avoir quelques week end tranquilles et à ce moment la je vais pouvoir faire une maintenance bien comme il faut :pouce:
Avatar du membre
Bob Morane
Maître Jedi
Maître Jedi
Enregistré le : lun. 15 juin 2009, 14:55
Localisation : Albi (81)

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par Bob Morane »

Blek a écrit :Il faudrait que je migre sur la nouvelle branche...
Ouais ! :lol6:
thOA1YVR1J.jpg
thOA1YVR1J.jpg (6.8 Kio) Vu 7999 fois
« J'ai refait tous les calculs, ils confirment l'opinion des spécialistes : notre idée est irréalisable. Il ne nous reste qu'une seule chose à faire : la réaliser ! »
Pierre-Georges Latécoère
Avatar du membre
CRISWEL
Maître Jedi
Maître Jedi
Enregistré le : jeu. 05 mai 2005, 20:22
Localisation : la Confrérîye dèl Târte al Djote

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par CRISWEL »

Blek a écrit : Tout n'est qu'une question de temps...
Avec l'hiver qui approche je vais avoir quelques week end tranquilles et à ce moment la je vais pouvoir faire une maintenance bien comme il faut :pouce:

Un clavier azerty en vaut deux.... :lol6:
"Ce château n'est plus à vendre..."
Avatar du membre
Tovenaar
Administrateur
Administrateur
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De Tovenarij

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par Tovenaar »

Je crois que cette ligne de code peut être supprimée :

Code : Tout sélectionner

<div style='text-align: right; height: 14px; margin-top: -14px; padding-right: 2px; font: 10px/10px Verdana; color: #555;'>
<a style='color: #105289; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB</a> &#91;video&#93;</div>
C'est un lien inutile qui ouvre une nouvelle fenêtre vers phpBB (phpbbex.com). Ne compliquons pas les choses.

A vérifier quand même au cas où…
Image Don't Cast Pearls Before Swine Image Empty Vessels Make Most Noise
J.J.I.
Maître 4e Dan
Maître 4e Dan
Enregistré le : ven. 14 avr. 2006, 18:28
Localisation : NÎMES

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par J.J.I. »

:zidane: Keskidi ? :heu: :beer:
parti voir ailleurs si...
Avatar du membre
Tovenaar
Administrateur
Administrateur
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De Tovenarij

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par Tovenaar »

J.J.I. a écrit : :zidane: Keskidi ? :heu: :beer:
Bloc de 14 pixels de haut (mais de même largeur que le bloc contenant la vidéo) avec marge supérieur diminuée de 14 pixels (pour le cacher) et une gouttière à droite de 2 pixels (pour empêcher le texte de coller au bord) contenant un texte gris (#555) en verdana de 10 pixels de haut et interligne de 10 pixels pour y mettre le lien intitulé phpBB (complété par [video] qui n'est pas un lien) dans cette couleur (#105289), pas souligné et pointant vers la page web http://phpbbex.com/ qui s'ouvrira dans une nouvelle fenêtre.

Enfin, en gros c'est ça.

:D
Image Don't Cast Pearls Before Swine Image Empty Vessels Make Most Noise
georges25
Apprenti(e)
Apprenti(e)
Enregistré le : dim. 06 mars 2016, 13:21

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par georges25 »

Tovenaar a écrit :Je crois que cette ligne de code peut être supprimée :

Code : Tout sélectionner

<div style='text-align: right; height: 14px; margin-top: -14px; padding-right: 2px; font: 10px/10px Verdana; color: #555;'>
<a style='color: #105289; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB</a> &#91;video&#93;</div>
C'est un lien inutile qui ouvre une nouvelle fenêtre vers phpBB (phpbbex.com). Ne compliquons pas les choses.

A vérifier quand même au cas où…
Bonjour.

En fait ça fonctionne comme je vous l'avais dit plus haut...

J'ai créé un forum pour différent test de bbcode...

Et voilà le résultat.

PS; il fonctionne aussi sur phpbb 3.0.x

Si vous avez l'insertion du bbcode par le panneau d'administration comme l'image montré plus bas


La page de mon forum test :

:ordi: la page...

Pour le code, en hauteur et largeur, j'ai placé;

Code : Tout sélectionner

style='width: 400px; height: 220px;
Pour la hauteur et largeur, vous pouvez placé ce qui vous convient le mieux...

Le code que j'ai placé ;

Utilisation du BBCode

Code : Tout sélectionner

[video]{URL}[/video]
Code HTML de remplacement

Code : Tout sélectionner

<div class='bbvideo' data-url='{URL}' style='width: 400px; height: 220px; margin: 2px 0; display: inline-block; background: #000; color: #fff; overflow: hidden; vertical-align: bottom;'><div style='height: 100%;'><script>if (typeof bbmedia == 'undefined') { bbmedia = true; var e = document.createElement('script'); e.async = true; e.src = 'http://phpbbex.com/api/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div><div style='text-align: right; height: 14px; margin-top: -14px; padding-right: 2px; font: 10px/10px Verdana; color: #555;'><a style='color: #105289; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB</a> &#91;video&#93;</div>
Ligne d’aide

Code : Tout sélectionner

Inserez l'url entiere des videos youtube, Daylymotion, Video.com, FaceBook etc
Voir ici ce que cela donne sur mon forum test ;

:ordi: la page test de mon forum...
Fichiers joints
bbcode.jpg
Avatar du membre
Tovenaar
Administrateur
Administrateur
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De Tovenarij

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par Tovenaar »

georges25 a écrit :

Voir ici ce que cela donne sur mon forum test ;

:ordi: la page test de mon forum...
:pouce:
Image Don't Cast Pearls Before Swine Image Empty Vessels Make Most Noise
georges25
Apprenti(e)
Apprenti(e)
Enregistré le : dim. 06 mars 2016, 13:21

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par georges25 »

Tovenaar a écrit :
georges25 a écrit :

Voir ici ce que cela donne sur mon forum test ;

:ordi: la page test de mon forum...
:pouce:

Merci Tovenaar.

Par contre pour ceci :
Tovenaar a écrit :Je crois que cette ligne de code peut être supprimée :

Code : Tout sélectionner

<div style='text-align: right; height: 14px; margin-top: -14px; padding-right: 2px; font: 10px/10px Verdana; color: #555;'>
<a style='color: #105289; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB</a> &#91;video&#93;</div>
C'est un lien inutile qui ouvre une nouvelle fenêtre vers phpBB (phpbbex.com). Ne compliquons pas les choses.

A vérifier quand même au cas où…
J'ai enlevé ce bout de code, mais après, le bbcode ne fonctionne plus.

Alors je l'ai laissé.

Je l'ai testé sur IE et Chrome, il fonctionne.

Sur Opéra et sur Mozilla, il faut voir le retour de ceux qui sont passés sur le forum test, s'ils voient bien les fenêtres. (Car je n'ai mozilla (usine à gaz) et ni opéra)

Pour le BBcode Mp3

Sur IE, il s'affiche de cette façon ;
bbcodemp3ie.jpg
Et sur Chrome, il s'affiche de cette façon :
bbcodemp3chrome.jpg
bbcodemp3chrome.jpg (3.47 Kio) Vu 7912 fois
Avatar du membre
Tovenaar
Administrateur
Administrateur
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De Tovenarij

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par Tovenaar »

Avec Firefox :
mp3html5.png
mp3html5.png (2.53 Kio) Vu 7902 fois
Image Don't Cast Pearls Before Swine Image Empty Vessels Make Most Noise
Avatar du membre
Tovenaar
Administrateur
Administrateur
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De Tovenarij

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par Tovenaar »

Avec Opera :
mp3html5Opera.png
mp3html5Opera.png (1.69 Kio) Vu 7879 fois
Image Don't Cast Pearls Before Swine Image Empty Vessels Make Most Noise
georges25
Apprenti(e)
Apprenti(e)
Enregistré le : dim. 06 mars 2016, 13:21

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par georges25 »

Petite précision que je rajoute au sujet du bbcode qui prend le lien entier de Youtube, daylomotion, facebook etc.

Je pense que c'est Blek qui s'occupe de cela.

Si tu places le nouveau bbcode, il faut laisser les autres que tu a en place.

Car ceux que tu a en place, permet de placer la vidéo "chiffre après le v" pour Youtube, ou "code après swf" pour Dailymotion

Donc si tu enlèves ces 2 bbcode, et que tu places le nouveau, les anciennes vidéo qui sont sur le forum, ne seront plus visibles.

(A moins de replacer tous les liens dans les post dans lequel il y a une vidéo, mais c'est un travail fastidieux)

C'est pour cela, si tu places le nouveau par le panneau d’administration du forum/messages/ajout de bbcode

Nomme le Vidéo tout simplement en laissant les autres bbcode.
Avatar du membre
Blek
Technicien du forum
Technicien du forum
Enregistré le : dim. 24 août 2003, 02:00
Localisation : Paname
Contact :

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par Blek »

Oui tu as raison.
Il faut tenir compte de l'éxistant :wink:
En ce moment je suis trop la tête sous l'eau au boulot pour avoir encore le courage le soir de me lancer la dedans.

De toute façon quand je vais me lancer la dedans je passerai direct de notre version actuelle 3.0.12 à la dernière en date 3.1.10

Le changement de branche 3.0.x à 3.1.x devrait apporter pas mal :wink:
Avatar du membre
Tovenaar
Administrateur
Administrateur
Enregistré le : mar. 11 avr. 2006, 03:34
Localisation : De Tovenarij

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par Tovenaar »

Blek a écrit :En ce moment je suis trop la tête sous l'eau au boulot pour avoir encore le courage le soir de me lancer la dedans.
Tu as émergé, depuis le temps ? :lol6:
Image Don't Cast Pearls Before Swine Image Empty Vessels Make Most Noise
Avatar du membre
Blek
Technicien du forum
Technicien du forum
Enregistré le : dim. 24 août 2003, 02:00
Localisation : Paname
Contact :

Re: bbcode youtube, dailymotion, facebook, etc. phpbb 3.1x

Message par Blek »

Pas vraiment ...
Je reviens de Strasbourg et demain je pars à Marseille et je reviendrai que dimanche soir.
En ce moment c'est comme ça toutes les semaines...
Quand je suis à la maison j'ai juste envie de rester avec mes chéries et de voir les copains...
Répondre

Retourner vers « Le forum du forum »