Desativar loop de vídeo

Question

Alguns sites estão usando o atributo loop com o vídeo

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

Exemplo

Eu não gosto disso. Eu preferiria que o vídeo tocasse uma vez, depois me desse o opção para repetir como o YouTube. Atualmente estou usando o Firefox e tenho o Complemento elegante, mas não tenho certeza se o loop pode ser desativado apenas com CSS.

Se isso não puder ser feito com CSS / Stylish, isso pode ser feito com outro complemento?

    

Answer 1

Firefox

1. Instale Scriptish (não consegui usar o Greasemonkey por algum motivo )
2. Reinicie o Firefox
3. Instale este userscript clicando em este link
4. Atualizar o Imgur.com

Google Chrome

1. Instale o JavaScript personalizado para websites ou um addon semelhante
2. Visite imgur.com ou qualquer site que você deseje desativar o loop de vídeo para
3. Clique no botão azul na barra de ferramentas que diz cjs e adicione o seguinte código JS:
   

   document.getElementsByTagName("video")[0].removeAttribute("loop");

4. Salve o script e recarregue o Imgur.com

Para alternar o loop usando um atalho de teclado , use:

// ==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;

O atalho de teclado padrão é B . Pressione para alternar o loop de vídeo. Para usar esse script com o Google Chrome, copie o código e cole-o na extensão conforme as instruções acima.

Para usá-lo com o Firefox, use este link para instalar o userscript nas etapas mencionadas acima.

Notas: Não tenho certeza de que isso pode ser alcançado apenas usando CSS. Talvez seja possível por algum uso criativo da propriedade content ?

Código fonte do código do usuário:

// ==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");