Désactiver la boucle vidéo

2

Certains sites utilisent l' loopattribut avec la vidéo

<video loop="loop"></video>

Exemple

Je n'aime pas ça. Je préférerais que la vidéo soit lue une fois, puis me donner la possibilité de la répéter comme YouTube. J'utilise actuellement Firefox et j'ai le complément Stylish, mais je ne suis pas sûr que la boucle puisse être désactivée uniquement avec CSS.

Si cela ne peut pas être fait avec CSS / Stylish, peut-on le faire avec un autre add-on?

firefox video browser-addons css Steven Penny
la source

Réponses:

4

Firefox

  1. Installer Scriptish (je ne pouvais pas le faire fonctionner avec Greasemonkey pour une raison quelconque)
  2. Redémarrer Firefox
  3. Installez ce script en cliquant sur ce lien
  4. Recharger Imgur.com

Google Chrome

  1. Installez JavaScript personnalisé pour les sites Web ou un addon similaire
  2. Visitez le site imgur.com ou le site Web sur lequel vous souhaitez désactiver le bouclage vidéo.
  3. Cliquez sur le bouton bleu dans la barre d’outils qui dit cjs et ajoutez le code JS suivant:
    document.getElementsByTagName ("video") [0] .removeAttribute ("loop");
  4. Enregistrez le script et rechargez Imgur.com

Pour basculer en boucle à l' aide d'un raccourci clavier , utilisez ceci:

// ==UserScript==
// @id imgur.com@scriptish
// @name prevent-gif-looping
// @version 1.1
// @namespace imgur.com
// @author Vinayak
// @description Block GIFs from looping on Imgur
// @include http*://imgur.com/*
// @run-at document-end
// ==/UserScript==
function stopLooping(){
    document.getElementsByTagName("video")[0].removeAttribute("loop");
    loop=false;
}

function startLooping(){
    document.getElementsByTagName("video")[0].setAttribute("loop", "loop");
    document.getElementsByTagName("video")[0].load();
    loop=true;
}

function doc_keyUp(e) {
    // B = key code 66. Press B to toggle looping
    if (e.keyCode == 66) {
        if(loop) { stopLooping(); } else { startLooping(); }
    }
}

document.addEventListener('keyup', doc_keyUp, false);
document.getElementsByTagName("video")[0].removeAttribute("loop");
var loop=false;

Le raccourci clavier par défaut est B. Appuyez dessus pour activer la vidéo en boucle. Pour utiliser ce script avec Google Chrome, copiez le code et collez-le dans l'extension comme indiqué ci-dessus.

Pour l'utiliser avec Firefox, utilisez ce lien pour installer le script utilisateur dans les étapes mentionnées ci-dessus.

Notes: Je ne suis pas sûr que cela puisse être réalisé simplement en utilisant CSS. Peut-être est-ce possible grâce à une utilisation créative de la contentpropriété?

Code source utilisateur:

// ==UserScript==
// @id imgur.com@scriptish
// @name prevent-gif-looping
// @version 1.0
// @namespace imgur.com
// @author Vinayak
// @description Block GIFs from looping on Imgur
// @include http*://imgur.com/*
// @run-at document-end
// ==/UserScript==
document.getElementsByTagName("video")[0].removeAttribute("loop");
Vinayak
la source