Creer un cadre autour d'une video sur un site

Résolu
taqman -  
 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

A voir également:

4 réponses

taqman
 
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
Foiesgras Messages postés 21 Date d'inscription   Statut Membre Dernière intervention   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>
0
Foiesgras Messages postés 21 Date d'inscription   Statut Membre Dernière intervention   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>
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Voilà ce que ça donne : http://www.cijoint.fr/cj201006/cijVP9oUaE.zip
0
Yvess5
 
esque je peut echanger contre un autres lien de youtube?
si oui comment?
0