Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Mise en page d'une vidéo.

3 appréciations
Hors-ligne
Bonjour, 

Je souhaiterais savoir quel est le système pour avoir un cadre, comme sur la capture. 

La vidéo est placer dans une sorte de widget. Pensez-vous qu'il soit possible d'avoir la même chose ? C'est pour mettre en page d'accueil. Et si oui, pensez-vous qu'il soit possible de mettre soit plusieurs vidéos ou soit d'avoir un système qui permet de de faire un changement de vidéo tout seul.



Merci de votre futur aide. 

Dernière modification le mercredi 31 Août 2016 à 16:19:07

1643 appréciations
Hors-ligne
Bonjour,

Essaie ce code (mode HTML)

<div style="width: 00px; height; 00px; background-image: url('ton_image');">
<!-- TON CODE POUR INSERER LA VIDEO -->
</div>

width représente la largeur
height représente la hauteur

sans garantie que çà fonctionne mais tente le coup !

3 appréciations
Hors-ligne
Bonjour

D'accord, merci. Je vais essayer.

3 appréciations
Hors-ligne
Je viens de faire l'essaie. Et le résultat c'est juste l'adresse de la vidéo. 

Voici comment j'ai procéder : 

Sur la page d'accueil, j'ai cliquer sur le bouton HTML et j'ai mis le code à la fin pour faire un essaie. 

<div style="width: 00px; height; 00px; background-image: url('ton_image');">http://www.youtube.com/embed/k9Ti4MtlgmM</div>

Je me suis peut-être tromper dans le code. Cela fait un moment que je n'ai plus fait de code. 

1643 appréciations
Hors-ligne
Il ne faut pas copier bêtement un code donné sans tenir compte que les 000px représentent des valeurs, ainsi que "ton image" il faut mettre l'adresse url du fond que tu désires.

Il faut aussi mettre le code d'intégration de la vidéo qui est :
<iframe width="854" height="480" src="https://www.youtube.com/embed/k9Ti4MtlgmM" frameborder="0" allowfullscreen></iframe>

sachant que 854 et 480 sont des valeurs trop grandes, il faut diminuer et mettre par exemple 654 et 240

3 appréciations
Hors-ligne
Oups  Excuse moi. 

Donc j'ai repris l'ensemble du code, avec tout ce que tu m'as fournis. La vidéo est bien présente mais pas le cadre. 

Comme tu l'as dit, pas sur que cela fonctionne.

Dernière modification le jeudi 01 Septembre 2016 à 12:37:27

1643 appréciations
Hors-ligne
il faut que le cadre soit légèrement plus grand que la vidéo elle-même, sinon il est évident qu'on ne peut pas voir le fond.
Il faut régler les paramètres width et height de l'image que tu mets.

Mais il y a d'autres moyens pour faire un encadrement couleur, je te rechercherai les codes dès que je pourrais.

3 appréciations
Hors-ligne
D'accord, je vais modifier les dimensions.

Oh ! Je savais pas. C'est très gentil de ta part, de faire une recherche.


Bonne soirée.

3 appréciations
Hors-ligne
Même en modifiant la taille, le cadre ne s'affiche pas. Dommage.

Je vais attendre, tes autres solution.

1643 appréciations
Hors-ligne
Bonjour,

Essaie ce code.
J'ai mis couleur rouge, mais tu mets ce que tu veux.

<div style="border:4px solid red; border-radius: 4px">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/k9Ti4MtlgmM" frameborder="0" allowfullscreen></iframe>
</div>

3 appréciations
Hors-ligne
Bonjour

Cela fonctionne 

Mille de ton aide. 

Juste une petite info. Si je change la vidéo, je suppose que je dois passée directement par "HTML" ? 
 

1643 appréciations
Hors-ligne
Oui bien sûr toujours par le html

Là j'ai mis une bordure de 4px pour la vidéo mais tu peux augmenter bien entendu.

3 appréciations
Hors-ligne
Je prend note. 

Ce format me convient pour l'instant. 

Encore une fois, mille pour ton aide  et surtout d'avoir trouver un autre système. 

et bon dimanche.
Ce sujet est fermé, vous ne pouvez pas y répondre
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Petits conseils.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6513 autres membres