Page 1 sur 1

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

Posté : sam. 01 oct. 2016, 14:45
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

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

Posté : sam. 01 oct. 2016, 19:10
par Tovenaar
Il n'y a que Blek, notre technicien, qui pourrait adapter le forum à ces codes actualisés.

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

Posté : sam. 01 oct. 2016, 22:19
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:

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

Posté : dim. 02 oct. 2016, 08:56
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 8016 fois

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

Posté : mer. 05 oct. 2016, 21:09
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:

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

Posté : mer. 05 oct. 2016, 21:24
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ù…

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

Posté : jeu. 06 oct. 2016, 03:57
par J.J.I.
:zidane: Keskidi ? :heu: :beer:

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

Posté : jeu. 06 oct. 2016, 04:18
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

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

Posté : jeu. 06 oct. 2016, 13:08
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...

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

Posté : jeu. 06 oct. 2016, 19:48
par Tovenaar
georges25 a écrit :

Voir ici ce que cela donne sur mon forum test ;

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

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

Posté : ven. 07 oct. 2016, 16:42
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 7929 fois

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

Posté : ven. 07 oct. 2016, 18:50
par Tovenaar
Avec Firefox :
mp3html5.png
mp3html5.png (2.53 Kio) Vu 7919 fois

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

Posté : lun. 10 oct. 2016, 00:45
par Tovenaar
Avec Opera :
mp3html5Opera.png
mp3html5Opera.png (1.69 Kio) Vu 7896 fois

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

Posté : ven. 21 oct. 2016, 17:24
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.

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

Posté : ven. 21 oct. 2016, 23:06
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:

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

Posté : mar. 23 mai 2017, 21:30
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:

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

Posté : mar. 23 mai 2017, 21:33
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...