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

4 réponses

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