禁用视频循环

Question

有些网站将该loop属性与视频一起使用

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

例子

我不喜欢这个。我希望视频播放一次，然后让我可以选择像 YouTube 一样重复播放。我目前使用的是 Firefox，并且有 Stylish 插件，但我不确定是否可以纯粹通过 CSS 禁用循环。

如果这不能用 CSS/Stylish 来完成，可以用另一个附加组件来完成吗？

Answer 1

火狐浏览器

1. 安装Scriptish（由于某种原因我无法让它与 Greasemonkey 一起使用）
2. 重新启动火狐浏览器
3. 单击此链接安装此用户脚本
4. 重新加载 Imgur.com

谷歌浏览器

1. 为网站安装自定义 JavaScript或类似插件
2. 访问imgur.com或您希望禁用视频循环的任何网站
3. 单击工具栏中显示cjs 的蓝色按钮并添加以下 JS 代码：
   

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

4. 保存脚本并重新加载 Imgur.com

要使用键盘快捷键切换循环，请使用以下命令：

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

默认键盘快捷键是B。按该按钮可切换视频循环。要将此脚本与 Google Chrome 一起使用，请按照上述说明复制代码并将其粘贴到扩展程序中。

要在 Firefox 中使用它，请使用此链接按照上述步骤安装用户脚本。

注意：我不确定这是否可以仅通过使用 CSS 来实现。也许通过对财产的一些创造性利用是可能的content？

用户脚本源代码：

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