Mude de players de mídia html5 para o VLC

Question

Como o HTML5 ainda não tem um formato de arquivo de vídeo oficial e o suporte para tela cheia não está em todos os navegadores, questiono se o Chrome, Safari ou Firefox pode ser instruído para substituir seus players de vídeo HTML5 por VLC e como posso configurá-lo (proprietário de PC / Mac aqui).

Eu sei que plugins são supostamente cheios de problemas de segurança, mas eu acredito que mais do que isso tem a ver com flash do que qualquer outra coisa. De qualquer forma, na minha opinião, seria uma boa idéia se todos pudessem escolher o player de vídeo HTML5 padrão do navegador. Desta forma, não teremos que nos preocupar com a falta de suporte para true fullscreen, nem para mp4, WebM e OGV. Além disso, não estou fazendo navegadores beta, pois eles são muito fáceis de usar.

O Vimeo e muitos outros sites seriam ótimos para HTML5, se isso for possível no momento.

    

Answer 1

Ainda não existem informações (oficiais) sobre o HTML5, mas suponho que, se o player padrão for alterado no navegador, o HTML5 também o usará. Abaixo estão algumas fontes para instalar o plugin VLC em vários navegadores e SO.

A seção "O plugin Mozilla" no manual Videolan, Capítulo 4. Uso avançado do VLC , explica o processo para Windows / Firefox e OSX / Safari.

Para Linux / Firefox, consulte Howto: Firefox Install Multimedia Player VLC com plug-in .

    

Answer 2

Para o Firefox, instale o plug-in do VLC e, em seguida, execute este código:

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]);
}

Você pode executar código com o console do FireBug ou torná-lo um marcador de script. Por favor, note que isso só funcionará com exemplos básicos; O controle do javascript do vídeo não funciona mais corretamente, e os vídeos só serão substituídos no momento em que você executar o código. Os controles também estão faltando. É melhor você usar o player de vídeo do navegador.