Reprodutor de vídeo HTML5:carregando vídeos dinamicamente

Question

Então, usando um player de vídeo compatível com HTML 5 (como Video JS), como carregar um vídeo dinamicamente, sem precisar recarregar a página inteira?Imagine uma lista de links (algo como uma playlist), e cada link aponta para um vídeo.Ao clicar no link, quero carregar o vídeo selecionado no player.

Atualmente, estou usando um Iframe que contém o player de vídeo, então basicamente passo uma variável para o Iframe e recarrego-o.Não acho que isso seja o ideal, por alguns motivos;não permite que o vídeo fique em tela inteira, o botão Voltar move o Iframe para trás, não apenas para a página principal, além disso, é um Iframe.Prefiro evitar isso.

Ideias?Obrigado!

Answer 1

Encontrei uma solução simples.Aqui está o roteiro;jogue isso na cabeça:

function vidSwap(vidURL) {
var myVideo = document.getElementsByTagName('video')[0];
myVideo.src = vidURL;
myVideo.load();
myVideo.play();
}

E então o HREF chamará a função:

<a href="#" onClick="javascript:vidSwap('myMovie.m4v'); return false;">Link</a>