Vidéo HTML5 // Masquer complètement les contrôles

Comment pourrais-je masquer complètement les contrôles vidéo HTML5?

 

faux n’a pas fonctionné – comment est-ce fait?

À votre santé.

Comme ça:

  

controls est un atsortingbut booléen :

Remarque: Les valeurs “true” et “false” ne sont pas autorisées sur les atsortingbuts booléens. Pour représenter une valeur fausse, l’atsortingbut doit être omis complètement.

Vous pouvez masquer les contrôles en utilisant des pseudo-sélecteurs CSS comme la démo: https://jsfiddle.net/g1rsasa3

 //For Firefox we have to handle it in JavaScript var vids = $("video"); $.each(vids, function(){ this.controls = false; }); //Loop though all Video tags and set Controls as false $("video").click(function() { //console.log(this); if (this.paused) { this.play(); } else { this.pause(); } }); 
 video::-webkit-media-controls { display: none; } /* Could Use thise as well for Individual Controls */ video::-webkit-media-controls-play-button {} video::-webkit-media-controls-volume-slider {} video::-webkit-media-controls-mute-button {} video::-webkit-media-controls-timeline {} video::-webkit-media-controls-current-time-display {} 
    

Une solution simple est de ne pas tenir compte des interactions des utilisateurs 🙂

 video { pointer-events: none; } 

Tout d’abord, supprimez l’atsortingbut “contrôles” de la vidéo.
Pour iOS, nous pourrions masquer le bouton de lecture buildin de la vidéo en ajoutant le pseudo-sélecteur CSS suivant:

 video::-webkit-media-controls-start-playback-button { display: none; } 

Cette méthode a fonctionné dans mon cas.

 video=getElementsByTagName('video'); function removeControls(video){ video.removeAtsortingbute('controls'); } window.onload=removeControls(video); 
 document.addEventListener("DOMContentLoaded", function() { initialiseMediaPlayer(); }, false); function initialiseMediaPlayer() { mediaPlayer = document.getElementById('media-video'); mediaPlayer.controls = false; mediaPlayer.addEventListener('volumechange', function(e) { // Update the button to be mute/unmute if (mediaPlayer.muted) changeButtonType(muteBtn, 'unmute'); else changeButtonType(muteBtn, 'mute'); }, false); mediaPlayer.addEventListener('ended', function() { this.pause(); }, false); }