☰

禁用视频循环

tag-icon • tag-icon firefox video browser-addons css
禁用视频循环

有些网站使用loop带有视频的属性

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

例子

我不喜欢这样。我更希望视频播放一次，然后像 YouTube 一样提供重复播放选项。我目前正在使用 Firefox，并且安装了 Stylish 插件，但我不确定是否可以仅使用 CSS 禁用循环播放。

如果无法通过 CSS/Stylish 实现这一点，那么可以使用其他插件来实现吗？

答案1

火狐

  1. 安装脚本化（由于某种原因，我无法让它与 Greasemonkey 一起工作）
  2. 重启 Firefox
  3. 安装这个用户脚本点击此链接
  4. 重新加载 Imgur.com

谷歌浏览器

  1. 安装为网站定制 JavaScript或类似的插件
  2. 访问imgur.com或者你想禁用视频循环播放的网站
  3. 点击工具栏上的蓝色按钮韋斯并添加以下 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");

相关内容