AccueilConnexion
Derniers sujets
[PHPBB2]Encadrer les vidéos youtube et daylimotion
Page 1 sur 1 • Partagez
- fascicularia
Milouzien
fascicularia le Mar 22 Jan 2019 - 19:34
Bonjour à tous,
un petit bidouillage qui vous permettra d'encadrer les vidéos de Youtube et Daylimotion.
Un visuel pour commencer :
![[PHPBB2]Encadrer les vidéos youtube et daylimotion Sans_t33](https://i.servimg.com/u/f74/11/93/85/24/sans_t33.png)
Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript
Mets un titre explicite.
Coches sur les sujets.
Déposes ceci:
Penses a cliquer sur le bouton Valider
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposes ceci:
Un petit explicatif :
iframe[src*="youtube.com"], iframe[src*="dailymotion.com"] va gérer l'encadrement immédiat de la vidéo.
div#video:before va permettre d'insérer une partie au dessus de la vidéo (le div est généré par le js)
Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide
https://www.milouze14.com/f108-entraide-tous-supports
un petit bidouillage qui vous permettra d'encadrer les vidéos de Youtube et Daylimotion.
Un visuel pour commencer :
Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript
Mets un titre explicite.
Coches sur les sujets.
Déposes ceci:
- Code:
/*Encadrement youtube et dalymotion*/
$(function(){
$('.postbody').find('iframe[src*="youtube.com"], iframe[src*="dailymotion.com"] ').wrap('<div id="video"></div>');
});
Penses a cliquer sur le bouton Valider
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposes ceci:
- Code:
iframe[src*="youtube.com"], iframe[src*="dailymotion.com"] {
width:560px;
background-color: #fff;
padding: 7px!important;
box-shadow: 2px 2px 15px 0 #000;
display: block;
margin: auto;
}
div#video:before {
content: "";
background-color: #fafafa;
height: 30px;
border: 8px solid #fff;
display: block;
Width: 550px;
box-shadow: 2px 2px 15px 0 #000;
margin: auto;
padding-left: 4px;
padding-right: 4px;
}
Un petit explicatif :
iframe[src*="youtube.com"], iframe[src*="dailymotion.com"] va gérer l'encadrement immédiat de la vidéo.
div#video:before va permettre d'insérer une partie au dessus de la vidéo (le div est généré par le js)
-Astuce des Forums Milouze14&Compagnie-
Pour toute information,merci de contacter un Membre du Staff | ![[PHPBB2]Encadrer les vidéos youtube et daylimotion Staff10](https://i.servimg.com/u/f37/11/26/21/37/staff10.png) |
Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide
https://www.milouze14.com/f108-entraide-tous-supports
Dernière édition par fascicularia le Dim 27 Jan 2019 - 14:02, édité 1 fois
- Milouze14
Fondateur
Milouze14 le Mar 22 Jan 2019 - 19:36
- fasciculariaMilouzien
fascicularia le Mar 22 Jan 2019 - 19:38
De rien Philippe.
- oneandone
Milouzien
oneandone le Ven 8 Fév 2019 - 12:22
Merci beaucoup !
- oneandoneMilouzien
oneandone le Ven 8 Fév 2019 - 12:23
Salut,
est-ce que pour modernnbb cela marche les gars ?
est-ce que pour modernnbb cela marche les gars ?
- Chéryl
Milouzien
Chéryl le Ven 8 Fév 2019 - 12:30
Merci beaucoup !
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
» *RESOLU*[AwesomeBB] Profils en onglets
» histoire du Jour sans fin
» Test d'intelligence des politiciens-(e) histoire blagounette
» Règlement de l'entraide Forumactif
» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
» *RESOLU*[AwesomeBB] Barre de progression sur la page - AwesomeBB
» *RESOLU*[PhpBB2] Insérer la valeur d'un champ personnalisé dans une page HTML
» *CORBEILLE*[PhpBB2] Récupérer la valeur d'un input
» *RESOLU*[PhpBB3] Prévisualisation directe
» *RESOLU*[PhpBB2] l'image s'éclairci dans le codage
» *RESOLU*[PhpBB2] Vérifier valeur dans InArray (Jquery)
» *RESOLU*[PhpBB2] Récupérer valeur checkbox
» [Toutes versions] Utiliser les variables utilisateur/forum
» *RESOLU*[PhpBB2] Encadrement des photos dans le .preview .postbody
» *RESOLU*[PhpBB3] Nombre de messages et membres su qeel
» *RESOLU*[PhpBB2] Prévisualisation en direct
» *RESOLU*[PhpBB2] La version web ne s'affiche pas sur "mon" IPAD.
» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome