Creer un cadre autour d'une video sur un site
Résolu
taqman
-
Yvess5 -
Yvess5 -
Bonjour,
J'utilise RapidWeaver pour faire mon site web et je commence a bien maitriser les bases du logiciel.
Je voudrai utiliser le contour du iPad comme cadre pour y jouer une video a l'intérieur.
Est-ce quelqu'un aurait une idée et me guider?
Je vous remercie d'avance pour vos réponses!
John
J'utilise RapidWeaver pour faire mon site web et je commence a bien maitriser les bases du logiciel.
Je voudrai utiliser le contour du iPad comme cadre pour y jouer une video a l'intérieur.
Est-ce quelqu'un aurait une idée et me guider?
Je vous remercie d'avance pour vos réponses!
John
A voir également:
- Creer un cadre autour d'une video sur un site
- Comment créer un groupe whatsapp - Guide
- Créer un compte google - Guide
- Créer un lien pour partager des photos - Guide
- Créer un compte gmail - Guide
- Creer un site web - Guide
4 réponses
merci foisgras de la reponse rapide.
malheureusement je n'y arrive avec ta solution.
voila le lien de mon site: http://www.kinesixsports.com/fr/multimedia.html
la video inseree n'a pas de rapport particulier avec le site je voulais juste donner un exemple de ce que j'ai.
voila le code html aussi:
<center>
<div>
<img src="../fr/multimedia_assets/ipad_highres_frame.png" height="550" width="700" />
<embed src="http://www.youtube.com/v/ijr4rwb2WbE&hl=fr_FR&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="false" width="560" height="340"></embed>
</div>
</center>
malheureusement je n'y arrive avec ta solution.
voila le lien de mon site: http://www.kinesixsports.com/fr/multimedia.html
la video inseree n'a pas de rapport particulier avec le site je voulais juste donner un exemple de ce que j'ai.
voila le code html aussi:
<center>
<div>
<img src="../fr/multimedia_assets/ipad_highres_frame.png" height="550" width="700" />
<embed src="http://www.youtube.com/v/ijr4rwb2WbE&hl=fr_FR&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="false" width="560" height="340"></embed>
</div>
</center>
Tu peux soit créer ton propre viewer flash ou à l'aide d'un div de faire quelque chose du style :
<div style="width:nPX; height:nPx; background:url('source d'un fond d'iPad'); padding:nPx">
<ici tu ajoute ta vidéo></ajoute ta vidéo>
</div>
Dans ton test tu as divisé ton image en quatre morceau, c'est aussi possible ainsi, mais ça rend l'HTML plus compliqué.
Comme l'iPad à toujours la même taille tu as la possible de n'utiliser qu'une seule image, qui est la totalité de ton iPad.
1) Place une image de ton iPad sur ton serveur
2) Utilise le code HTML suivant (attention il te faudra adapté la taille du div et le padding):
Comme l'iPad à toujours la même taille tu as la possible de n'utiliser qu'une seule image, qui est la totalité de ton iPad.
1) Place une image de ton iPad sur ton serveur
2) Utilise le code HTML suivant (attention il te faudra adapté la taille du div et le padding):
<div style="width:500px; height:500px; background-image:url("../fr/multimedia_assets/ipad.png"); padding:40px">
<embed src="http://www.youtube.com/v/ijr4rwb2WbE&hl=fr_FR&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="false" width="560" height="340"></embed>
</div>
