l'affichage de la vidéo html5 dans ios sans bouton de lecture de superposition

J'essaie d'afficher une image quand on clique dessus permettra d'ouvrir un lecteur vidéo en html 5, mais je ne veux pas le petit semi-transparent bouton play pour apparaître sur elle. Est-il possible de spécifier dans la balise de ne pas mettre cette icône au-dessus de l'image d'affiche et il vous suffit d'afficher l'image d'affiche?

OriginalL'auteur user439407 | 2013-01-21

  1. 4

    Mise à jour: Ce n'est plus la meilleure méthode - voir cette réponse ci-dessous pour une solution réelle.

    Autant que je suis au courant, le bouton jouer la superposition est ajouté par le moteur de rendu de Safari mobile, donc non il n'y a aucun moyen de le cacher. Cependant, vous pouvez être en mesure d'usurper l'aide d'ajax pour charger la vidéo quand une image statique est cliqué. Par exemple:

    HTML

    <div id="videoContainer">

</div>

    CSS

    #videoContainer {
  background-image: url(http://placehold.it/60x40.png);
  height: 40px;
  width: 60px;
}

    JavaScript

    $("#videoContainer").click(function() {
  $(this).css('background', 'none').parent().html("<video id=\"video\" width=\"60\" height=\"40\">\n" +
    "<source src=\"video.mp4\" type=\"video/mp4\">\n" +
    "<source src=\"video.ogg\" type=\"video/ogg\">\n" +
    "</video>");
  $("#video").get(0).play();
});
    Hélas à cause de iOS restrictions que seul genre de genre de travaux, vous ne pouvez pas auto-lire le film. Cependant il ne fonctionne pas pour ce que j'en ai besoin.

    OriginalL'auteur

  2. 11

    Vous pouvez masquer la superposition jouer sur le bouton de l'iPhone avec juste un peu de CSS:

    video::-webkit-media-controls-start-playback-button {
  display: none;
}
    C'est exactement ce dont j'avais besoin. Je vous remercie.
    J'ai ajouté ce [html appendFormat:@"vidéo { webkit-médias-contrôles: none}"]; pas de travail pour moi.

    OriginalL'auteur

  3. 1

    Vous devriez essayer ce

    video::-webkit-media-controls {
    display: none;
}
    Ce masque TOUTES les commandes, y compris qui est qui viennent avec le controls attribut dans Chrome et Safari

    OriginalL'auteur