☰

从 html5 媒体播放器更改为 VLC

tag-icon • tag-icon video html5 vlc-media-player
从 html5 媒体播放器更改为 VLC

由于 HTML5 尚未具有官方视频文件格式并且并非所有浏览器都支持全屏，我一直在想是否可以指示 Chrome、Safari 或 Firefox 将其 HTML5 视频播放器替换为 VLC，以及我如何进行设置（PC/Mac 用户在此）。

我知道插件据说存在很多安全问题，但我相信其中更多的是与 Flash 有关，而不是其他问题。无论如何，在我看来，如果每个人都可以选择浏览器的默认 HTML5 视频播放器，那将是一个好主意。这样，我们就不必担心缺乏对真正全屏的支持，也不必担心 mp4、WebM 和 OGV。另外，我不会使用测试版浏览器，因为它们很容易出现错误。

如果目前可行的话，Vimeo 和许多其他网站将会非常适合 HTML5。

答案1

目前还没有关于 HTML5 的 (官方) 信息，但我认为如果浏览器中的默认播放器发生变化，那么 HTML5 也会使用它。以下是在各种浏览器和操作系统中安装 VLC 插件的一些来源。

Videolan 手册中的“Mozilla 插件”部分，第 4 章 VLC 的高级使用，解释了 Windows/Firefox 和 OSX/Safari 的流程。

对于 Linux/Firefox，请参阅如何：Firefox 安装多媒体播放器 VLC 及插件。

答案2

对于 Firefox，安装 VLC 插件，然后执行此代码：

var videos = document.getElementsByTagName("video");
for (var i = 0; i < videos.length; i++) {
  var vlc = document.createElement("embed");
  vlc.type = "application/x-vlc-plugin";
  if (videos[i].width) vlc.width = videos[i].width;
  if (videos[i].height) vlc.height = videos[i].height;
  vlc.setAttribute("target", videos[i].src);
  var sources = videos[i].getElementsByTagName("source");
  for (var j = 0; j < sources.length; j++) {
    vlc.setAttribute("target", sources[j].src);
  }
  vlc.setAttribute("id", videos[i].getAttribute("id"));
  vlc.setAttribute("class", videos[i].getAttribute("class"));
  videos[i].parentNode.replaceChild(vlc, videos[i]);
}

您可以使用 FireBug 控制台执行代码，或将其设为脚本书签。请注意，这仅适用于基本示例；视频的 javascript 控制不再正常工作，并且只有在您执行代码时才会替换视频。控件也缺失。您最好使用浏览器视频播放器。

相关内容