Creer un cadre autour d'une video sur un site

Résolu/Fermé
taqman - 8 juin 2010 à 05:51
 Yvess5 - 9 févr. 2011 à 05:26
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

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 lundi 7 juin 2010 Statut Membre Dernière intervention 10 juin 2010 5
8 juin 2010 à 07:21
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 lundi 7 juin 2010 Statut Membre Dernière intervention 10 juin 2010 5
8 juin 2010 à 11:03
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 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
8 juin 2010 à 12:11
Voilà ce que ça donne : http://www.cijoint.fr/cj201006/cijVP9oUaE.zip
0
esque je peut echanger contre un autres lien de youtube?
si oui comment?
0