Невозможно просмотреть видео?

Question

при создании видеоплеера с использованием html5 я пытаюсь загрузить видео из другого источника и сгенерировать разметку в соответствии с ним. как показано ниже

var _vid = document.getElementById('vid');
$('#vid').html('<video width=300 height=200 id="vid" controls autoplay src="http://172.16.25.214/gems1_video/30032011.mp4"></video>');
var video = document.getElementById('video');
_vid = $(_vid).find('video').get(0); 
console.info(_vid);
_vid.load();
_vid.play();

когда я открываю этот файл на локальном хосте, он работает нормально, но когда я нажимаю URL-адрес с другого сервера, он показывает, что _vid не определен, есть идеи об этом ..?

Answer 1

Вы делаете ссылки на элементы, которые не были созданы. Также я не смог получить доступ к видеофайлу.

Я переписал образец и связал его с видео на моем собственном сервере, вы можете увидеть его здесь:

http://jsfiddle.net/thebeebs/Ye3Nf/

P.S. Поскольку ваш код ссылается только на mp4, он будет воспроизводиться только в IE9, Safari и Chrome (хотя Chrome вскоре и не будет поддерживать H.264). Вы должны добавить источник WebM и, возможно, даже ogg.

Answer 2

var _vid = document.getElementById('vid');

Это не должно работать, пока вы не создали элемент DOM.Вы пытаетесь получить элемент, который еще не существует.