Отключить видео петлю

Question

Некоторые сайты используют атрибут loop с видео

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

пример

Мне это не нравится. Я бы предпочел, чтобы видео воспроизводилось один раз, а затем дал бы мне возможность повторить как YouTube В настоящее время я использую Firefox и у меня есть надстройка Stylish, но я не уверен, можно ли отключить цикл только с помощью CSS.

Если это невозможно сделать с помощью CSS/Stylish, можно ли это сделать с помощью другого дополнения?

Answer 1

Fire Fox

1. Установить Scriptish (по какой-то причине я не смог заставить его работать с Greasemonkey)
2. Перезапустите Firefox
3. Установите этот скрипт , нажав на эту ссылку
4. Перезагрузить Imgur.com

Гугл Хром

1. Установите пользовательский JavaScript для веб-сайтов или аналогичного дополнения
2. Посетите imgur.com или любой другой веб-сайт, для которого вы хотите отключить зацикливание видео.
3. Нажмите на синюю кнопку на панели инструментов с надписью cjs и добавьте следующий код JS:
   

   document.getElementsByTagName("видео")[0] .removeAttribute("цикл");

4. Сохраните скрипт и перезагрузите Imgur.com

Чтобы переключить цикл с помощью сочетания клавиш, используйте это:

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

Сочетание клавиш по умолчанию - B. Нажмите, чтобы переключить цикл видео. Чтобы использовать этот скрипт с Google Chrome, скопируйте код и вставьте его в расширение, как указано выше.

Чтобы использовать его с Firefox, используйте эту ссылку для установки пользовательского скрипта в шагах, упомянутых выше.

---

Примечания: я не уверен, что это может быть достигнуто только с помощью CSS. Может быть, это возможно при некотором творческом использовании свойства content ?

Пользовательский код:

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