Désactiver le bouton de téléchargement de Google Chrome?

Question

Google Chrome est désormais disponible avec un bouton de téléchargement de vidéos qui sont juste des vidéos intégrées (c'est à dire pas MSE):

Je vais avoir un moment difficile de trouver toute la documentation pour google Chrome, la mise en œuvre de l' <video> balise. Personne ne sait si il existe un moyen de désactiver l'option "contrôles" et la création de vos propres commandes du lecteur vidéo de la désactivation de cette fonctionnalité?

Je me rends compte que si cette montre, il est déjà facile de télécharger la vidéo, je veux juste de désactiver la fonctionnalité d'apparaître dans le cadre des contrôles.

Merci!!!!

Answer 1

ou vous pouvez simplement ajouter nodownload dans controlsList

<video width="512" height="380" controls controlsList="nodownload">
    <source data-src="mov_bbb.ogg" type="video/mp4">
</video>

Answer 2

Vous pouvez consulter le contrôle de la patrie, de Chrome Lecteur Vidéo en activant le shadow DOM en Settings|Preferences -> Elements -> Show user agent shadow DOM

Après cela, vous pouvez inspecter les joueurs de boutons.

Maintenant, le problème est que le bouton de téléchargement ne sont pas accessibles via CSS pour une raison quelconque.

video::-internal-media-controls-download-button {
    display:none;
}

ne fonctionne pas. Même en sélectionnant le bouton précédent et le ciblage de son voisin à l'aide de + ou ~ ne fonctionne pas.

Le seul moyen que nous avons trouvé était encore en poussant le bouton de la zone affichable en donnant le panneau de contrôle, une plus grande largeur et de faire de l'enceinte, overflow: hidden

video::-webkit-media-controls {
    overflow: hidden !important
}
video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}

J'espère que google va résoudre ce problème rapidement car la plupart des fournisseurs de contenu ne sera pas heureux avec cet...

Answer 3

Demmongonis solution ne fonctionne pas mais être conscient qu'elle peut conduire à des résultats indésirables.

Android/Chrome parfois, dépend dans la vidéo je crois, et d'autres facteurs, ajoute des boutons à droite de l'-bouton télécharger. c'est à dire le casting-bouton (il n'y a aucun moyen pour le sélectionner). Il fera l'-bouton télécharger afin de rester visible et le dernier bouton caché (coulée de bouton)

Mise à jour

Il est possible de cacher le bouton de téléchargement à l'aide de la controlsList attribut:

<video controlsList="nodownload" ... />

Answer 4

Oui, c'est possible maintenant, au moins au moment de la rédaction, vous pouvez utiliser l' controlsList d'attribut:

<video controls controlsList="nodownload">
  <source data-src="movie.mp4">
</video>

Il semble que cela a été introduit dans Chrome 58, et de la documentation pour qu'il trouve ici: https://developers.google.com/web/updates/2017/03/chrome-58-media-updates#controlslist

Les développeurs peuvent désormais personnaliser les contrôles multimédias comme le téléchargement, l'affichage plein écran et remoteplayback boutons. L'utilisation dans le HTML:

<video controls controlsList="nofullscreen nodownload noremote foobar"></video>

Il y a même un échantillon officiel page: https://googlechrome.github.io/samples/media/controlslist.html

Answer 5

Un de plus un élément de commande j'ai essayé de désactiver, en plus de 'télécharger' - est "picture-in-picture".

Malheureusement il n'y a pas de propriété, pour cette fin seront ajoutées dans les controlsList. Mais il y a un attribut - disablePictureInPicture vous pouvez ajouter à l'Élément de désactiver pip.

Exemple la désactivation de télécharger et d'image dans l'image:

<video disablepictureinpicture controlslist="nodownload">...</video>

Détails: https://wicg.github.io/picture-in-picture/#disable-pip