Image sur une vidéo (en html5)

J'essaie d'afficher une image sur une vidéo (en html5). Si je mettre à la place de la vidéo ... il fonctionne mais quand j'ai mis la vidéo est sur l'image :/Que dois-je faire ?

<div class="videohead">
<video loop="loop" autoplay="autoplay"> 
<source src="img/video.mp4" type="video/mp4" />
<img src="img/video.png"/> 
</video>
<a href=""><img src="img/logo.png" class="logo"/></a>
</div>

.videohead
{
margin: 5px 0 0 1px;
}

.logo
{
margin-top: -155px;
}

OriginalL'auteur tonio | 2011-04-27

  1. 6

    Lien: http://jsfiddle.net/kNMnr/1487/

    Position d'utilisation en CSS3 avec les z-index.

      <div id="wrap_video">
    <div id="video_box">
        <div id="video_overlays">Logo</div>
        <div>
            <iframe width="560" height="315" src="https://www.youtube.com/embed/gKiaLSJW5xI" frameborder="0" allowfullscreen></iframe>
        </div>
    </div>
</div>

    CSS:

    #video_box {
    position:relative;
}
#video_overlays {
    position:absolute;
    width:160px;
    min-height:40px;
    background-color:#dadada;
    z-index:300000;
    bottom:10px;
    left:10px;
    text-align:center;
}

    OriginalL'auteur Vidya Tyagi

  2. 1

    vous pouvez fournir l'image avec un certain z-index en css et définir sa position à l'absolu espère que ça aide...

    il fonctionne très bien merci beaucoup ! .logo { margin-top: -155px; position: absolute; z-index: auto; }

    OriginalL'auteur abhijit

  3. 0

    Ressemble le z-index est le problème que les autres utilisateurs de suggérer, mais je voulais juste ajouter. Si vous êtes tring pour juste afficher une image d'une vidéo vous pouvez également utiliser l'affiche attribut de la balise vidéo html5.

    http://www.youtube.com/watch?feature=player_embedded&v=heI69L8fS6Q#at=99

    OriginalL'auteur Martin Beeby

  4. 0

    Il y a une vidéo simple attribut qui permet l'utilisation de pré-chargement des images.

    "Poster" attribut définit un poster de l'image qui est à la place de la vidéo.

    OriginalL'auteur RickyAYoder

  5. 0

    L'affiche attribut spécifie une image doit être affichée alors que la vidéo est en cours de téléchargement, ou jusqu'à ce que l'utilisateur appuie sur le bouton de lecture. Si ce n'est pas inclus, la première image de la vidéo sera utilisée à la place.

    OriginalL'auteur Franzé Jr.