[Réglé] BBcode 2 vidéos côtes à côtes

Forum de support pour les questions concernant l'utilisation de phpBB 3.2, les problèmes rencontrés lors de manipulations, de configuration du forum ou de personnalisation autres que les Styles ou les Extensions

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com

Pensez à effectuer une recherche, la réponse à votre question a de grandes chances d'avoir déjà été donnée.

[Réglé] BBcode 2 vidéos côtes à côtes

Messagepar Sets83 » 31 Oct 2017 à 11:25

Bonjour,

J'essaye d'intégré des vidéos côtes à côtes.
Comme ceci:
[vidéo1] [vidéo2]
Mais elle apparaissent l'une en dessous de l'autre.
Voici le BBcode:
Code: Tout sélectionner
[youtube]{URL}[/youtube]

et le Code HTML de remplacement:
Code: Tout sélectionner
<a href="{URL}" class="bbvideo" data-bbvideo="336,189"></a>


J'ai essayé de mettre le BBcode du float (que voici) à l’extérieur de la première vidéo youtube, puis d'englober les deux mais rien n'y fait.
Code: Tout sélectionner
[float={IDENTIFIER}]{TEXT}[/float]

Code: Tout sélectionner
<div style="float:{IDENTIFIER}; padding:0 10px;">{TEXT}</div>

mais cela ne fonctionne pas.

J'essaye de créer un tableau en bb code mais je ne comprend pas comment intégrer deux liens [youtube]{URL}[/youtube] dans une même colonne d'un tableau créé en BBcode.

J'avoue que les BBcode me dépasse un peu..

Merci beaucoup
Sets83
Posteur néophyte
Posteur néophyte
 
Messages: 24
Enregistré le: 22 Nov 2016 à 17:54

Re: BBcode 2 vidéos côtes à côtes

Messagepar galixte » 31 Oct 2017 à 12:37

Salut,

tu peux tester cette solution : support-utilisation-phpbb3/sujet194713-15.html#p1511262.

Lire le sujet en entier me parait intéressant, à la différence que toi cela ne concerne pas le portail mes les sujets, donc la règle sera à ajouter à la css de l’extension, ce qui n’est pas la meilleure manière de procéder étant donné que la règle disparaitra dès lors que tu mettras à jour l’extension, ou d’une meilleure façon dans ton fichier ./styles/ton_style_enfant/theme/extensions.css si tu mets en place un style enfant. ;)
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 10211
Enregistré le: 08 Mar 2004 à 01:40
Localisation: Sud de la France.

Re: BBcode 2 vidéos côtes à côtes

Messagepar Sets83 » 31 Oct 2017 à 13:12

Re,

Merci pour ta réponse!

Je pense utiliser la première solution et rajouter le
Code: Tout sélectionner
.bbvideo { display: inline-block; }

Par contre je ne trouve pas le css concerné.
J'ai d'abord pensé que le css était dans le portail dossier /ext/board3/portal/styles/prosilver/theme où j'ai les fichiers portal.css, portal_all.css puis les responsives mais je n'y trouve pas la règle qui doit pourtant être déjà existante
Code: Tout sélectionner
.bbvideo
.
J'ai alors pensé que le css se trouvait à l'adresse de l'extension "Advanced BBCode Box 3.1" /ext/vse/abbc3/styles/all/theme ou j'ai les fichiers abbc3.css et abbc3.min.css mais la règle
Code: Tout sélectionner
.bbvideo
ne s'y trouve pas non plus.
Pourtant vu que la class existe, certaines règles doivent déjà être présentes dans un css non? Je comprend pas.

par contre si je change directement dans la class .bbvideo la règle va s'appliquer pour tous les messages, hors c'est dans certaines pages que je veux que les vidéos soit côtes à côtes.

Je pourrai peut-être aussi créer un nouveau BBcode du style:
Code: Tout sélectionner
 [video]{URL}[/video]

Avec une nouvelle class dans le Code HTML de remplacement:
Code: Tout sélectionner
<a href="{URL}" class="align_video" data-bbvideo="336,189"></a>

et créé une règle propre à cette class comme
Code: Tout sélectionner
.align_video { display: inline-block; }


Penses-tu que ça marche? si oui dans quel css la créer?
Je ne sais pas si tout est clair étant donné que je commence à m'embrouiller moi-même :mrgreen:


Merci beaucoup
Sets83
Posteur néophyte
Posteur néophyte
 
Messages: 24
Enregistré le: 22 Nov 2016 à 17:54

Re: BBcode 2 vidéos côtes à côtes

Messagepar galixte » 31 Oct 2017 à 14:00

cabot demande d’ajouter il n’y a rien à chercher dans la CSS du portail, pour autant que tu l’aies installé, il suffit d’ajouter la règle dans les deux fichiers CSS de l’extension.

Oui, si tu ne veux pas la voir appliquée à chacun des messages usant de ce BBCode, il vaut mieux procéder comme ton exemple, de sorte que le BBCode déjà présent soit dupliqué à l’identique car il est particulier, ce qui suit n’est donc pas assuré de fonctionner.

Aussi, lors de la création de ce second BBCode nommé « BBvideo2 » il faudrait respecter ce modèle :
  1. pour « Utilisation du BBCode », saisir : [BBvideo2={NUMBER1},{NUMBER2}]{URL}[/BBvideo2] ;
  2. pour « Code HTML de remplacement » , saisir :
    Code: Tout sélectionner
    <a href="{URL}" class="bbvideo2" data-bbvideo="{NUMBER1},{NUMBER2}" target="_blank">{URL}</a>
  3. pour « Ligne d’aide », saisir : Alternative du BBCode BBvideo permettant d’aligner deux vidéos côte à côte.

Enfin, il suffirait :
  1. d’ajouter à la fin du fichier ./ext/vse/abbc3/styles/all/theme/abbc3.css, la règle .bbvideo2 { display: inline-block; } ;
  2. d’ajouter au début du fichier ./ext/vse/abbc3/styles/all/theme/abbc3.min.css, la règle .bbvideo2{display:inline-block;} ;
  3. de purger le cache de forum.
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 10211
Enregistré le: 08 Mar 2004 à 01:40
Localisation: Sud de la France.

Re: BBcode 2 vidéos côtes à côtes

Messagepar Sets83 » 31 Oct 2017 à 15:10

Re,

merci encore pour ta réponse.
Cependant je rencontre deux problèmes:
Si je crée la nouvelle règle le résultat dans les messages s'affiche en code comme ceci:
Code: Tout sélectionner
[BBvideo2=]https://www.youtube.com/lien_video1[/BBvideo2]
[BBvideo2=]https://www.youtube.com/watch?lien_video2[/BBvideo2]


j'ai donc essayé sur le BBcode normal BBvideo avec ces configurations qui devraient arriver à ce que tu me disais.
« Utilisation du BBCode »
Code: Tout sélectionner
[BBvideo={NUMBER1},{NUMBER2}]{URL}[/BBvideo]

« Code HTML de remplacement »
Code: Tout sélectionner
<a href="{URL}" class="bbvideo" data-bbvideo="{NUMBER1},{NUMBER2}" target="_blank">{URL}</a>


J'ai aussi ajouté à la fin du fichier
Code: Tout sélectionner
./ext/vse/abbc3/styles/all/theme/abbc3.css
, la règle
Code: Tout sélectionner
.bbvideo { display: inline-block; } ;

Et au début du fichier
Code: Tout sélectionner
./ext/vse/abbc3/styles/all/theme/abbc3.min.css
, la règle
Code: Tout sélectionner
.bbvideo{display:inline-block;} ;


Mais ça met toujours les vidéos l'une sous l'autre.

C'est peut être moi qui utilise mal les BBcodes du coup je marque le code que je mets dans l'éditeur du message avant validation du message:
[BBvideo=200,315]https://www.youtube.com/watch?v=Dqv4iHBAm5Q[/BBvideo][BBvideo=200,315]https://www.youtube.com/watch?v=hYMuNd9lVqo[/BBvideo]


Merci encore
Sets83
Posteur néophyte
Posteur néophyte
 
Messages: 24
Enregistré le: 22 Nov 2016 à 17:54

Afficher deux vidéos côte à côte dans son message

Messagepar galixte » 31 Oct 2017 à 15:37

Il faut relire mon modèle, ce n’est pas .bbvideo { display: inline-block; } ; & .bbvideo{display:inline-block;} ; qu’il faut respectivement ajouter dans les fichiers abbc3.css & abbc3.min.css.

Ok, la meilleure solution :
  1. annuler les modifications effectuées dans les fichiers abbc3.css & abbc3.min.css et supprimer tout BBCode duppliqué tel que BBvideo2 que nous avions testé précédemment ;
  2. installer l’extension « s9e/mediaembed » ;
  3. ouvrir le fichier ./styles/prosilver/theme/stylesheet.css ;
  4. ajouter à la fin du fichier :
    Code: Tout sélectionner
    [data-s9e-mediaembed="youtube"]
    {
        max-width: 400px !important;
    }
  5. purger le cache de son forum ;
  6. effectuer un test tel que ceci dans son message : https://www.youtube.com/watch?v=hYMuNd9lVqo https://www.youtube.com/watch?v=Dqv4iHBAm5QLes deux vidéo s’affichent côte à côte. :wink:

Ainsi, avec cette extension « Media Embed » tu peux insérer tout lien vers un média pris en charge sans avoir à insérer des BBCodes, tels que Youtube, Dailymotion, Spotify, etc. (plus de 120 services pris en charges).

Tu peux bien entendu modifier la largeur de chaque vidéo, lorsque côte à côte, à l’étape 4 en ayant conscience que toutes les vidéos Youtube affichées côte à côte auront cette largeur.

Si tu veux faire de même avec d’autres services, demande.

Enfin, quand tu veux mettre côte à côte deux vidéos Youtube, par exemple, tu les places comme indiqué ci-dessus à l’étape 6 et quand tu veux choisir leur largeur et ne pas les placer côte à côte tu utilises le BBCode BBvideo.
Modifié en dernier par galixte le 04 Nov 2017 à 01:48, modifié 12 fois.
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 10211
Enregistré le: 08 Mar 2004 à 01:40
Localisation: Sud de la France.

Re: BBcode 2 vidéos côtes à côtes

Messagepar Sets83 » 31 Oct 2017 à 15:50

Oui tu avais mis
Code: Tout sélectionner
.bbvideo2 { display: inline-block; }
et
Code: Tout sélectionner
.bbvideo2{display:inline-block;}
. Ce que j'ai fais.
Mais comme cela ne marchait pas j'ai aussi essayé sur le BBcode de base et donc enlever le 2 pour qu'il soit adapaté au
Code: Tout sélectionner
<a href="{URL}" class="bbvideo" data-bbvideo="{NUMBER1},{NUMBER2}" target="_blank">{URL}</a>
et non au code
Code: Tout sélectionner
<a href="{URL}" class="bbvideo2" data-bbvideo="{NUMBER1},{NUMBER2}" target="_blank">{URL}</a>
.
C'est pour cela. A ce moment les vidéos sont revenue mais toujours à la même place .
Mais j'ai bien essayé ton modèle avec tous les codes comme décrits.
Sets83
Posteur néophyte
Posteur néophyte
 
Messages: 24
Enregistré le: 22 Nov 2016 à 17:54

Re: BBcode 2 vidéos côtes à côtes

Messagepar galixte » 31 Oct 2017 à 17:20

J’ai mis à jour mon précédent message celui indique la solution sans BBCode. :P
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.

Image Tu as un forum et tu veux aussi un site web ? Regarde par ici.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 10211
Enregistré le: 08 Mar 2004 à 01:40
Localisation: Sud de la France.

Re: BBcode 2 vidéos côtes à côtes

Messagepar Sets83 » 31 Oct 2017 à 18:21

Ça marche super bien :D !!

J'ai juste baisser la largeur (étape 4) car mon conteneur était plus petit que 2 vidéos et ça marche super bien!
Je te remercie BEAUCOUP!
Je vais me faire un bon café histoire de calmer les maux de tête, et je retourne étoffer le forum!
Je t'en aurai bien offert un, je t'ai beaucoup sollicité cet après midi ça n'a pas été de tout repos! en tout cas merci pour tout. :wink:
Sets83
Posteur néophyte
Posteur néophyte
 
Messages: 24
Enregistré le: 22 Nov 2016 à 17:54


Retourner vers Utilisation

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité