it-swarm-ja.com

html5メディアプレーヤーからVLCへの変更

HTML5にはまだ公式のビデオファイル形式がなく、すべてのブラウザでフルスクリーンがサポートされているわけではないため、Chrome、Safari、またはFirefoxにHTML5ビデオプレーヤーをVLCに置き換えるように指示できるかどうか、またどうすればよいか疑問に思っていました。それを設定してください(PC/Macの所有者はこちら)。

プラグインはおそらくセキュリティの問題でいっぱいであることを私は知っていますが、それの多くは何よりもフラッシュに関係していると思います。とにかく、私の意見では、誰もがブラウザのデフォルトのHTML5ビデオプレーヤーを選択できれば良い考えです。このように、真のフルスクリーン、mp4、WebM、OGVのサポートがないことを心配する必要はありません。また、ベータブラウザは非常に簡単にバグが発生するため、私はベータブラウザを使用していません。

Vimeoや他の多くのサイトは、これが現在可能であれば、HTML5に最適です。

8

HTML5の(公式の)情報はまだありませんが、ブラウザでデフォルトのプレーヤーが変更された場合、HTML5でもそれが使用されると思います。以下は、さまざまなブラウザやOSにVLCプラグインをインストールするためのいくつかのソースです。

Videolanマニュアルの「Mozillaプラグイン」セクション 第4章VLCの高度な使用 では、Windows/FirefoxおよびOSX/Safariのプロセスについて説明しています。

Linux/Firefoxについては、 ハウツー:Firefoxがプラグインを使用してマルチメディアプレーヤーVLCをインストールする を参照してください。

2
harrymc

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制御は正しく機能しなくなり、ビデオはコードを実行した瞬間にのみ置き換えられます。コントロールもありません。ブラウザのビデオプレーヤーを使用したほうがよいでしょう。

1
Ruud