Creer un cadre autour d'une video sur un site [Résolu/Fermé]

Signaler
-
 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

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>
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 60511 internautes nous ont dit merci ce mois-ci

Messages postés
21
Date d'inscription
lundi 7 juin 2010
Statut
Membre
Dernière intervention
10 juin 2010
5
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>
Messages postés
21
Date d'inscription
lundi 7 juin 2010
Statut
Membre
Dernière intervention
10 juin 2010
5
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):
<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>
Messages postés
18451
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
16 octobre 2020
4 218
Voilà ce que ça donne : http://www.cijoint.fr/cj201006/cijVP9oUaE.zip
esque je peut echanger contre un autres lien de youtube?
si oui comment?