У меня есть загрузчик, который загружает видео и изображения, затем они отображаются обратно пользователем. Изображения отображаются отлично, но на видео отображаются только плакат и кнопки управления. Однако видео не воспроизводится.
function display_uploads(data){
var string = '';
var content = '';
for(var x = 0; x < data.length; x++){
if(data[x].type === 'image'){
content = '<li>'+
'<div class="pp_right"> </div>'+
'<div class="msg_text_right"><img src="'+data[x]['file']+'" /></div>'+
'<div style="clear:both"></div>'+
'</li>';
}else{
var video = data[x]['file'].split('/');
var src = video[0];
var vid = video[parseInt(video.length - 1)];
vid = vid.split('.');
video = src + '/' + vid[0] + '.' + data[x]['type'];
content = '<li>'+
'<div class="pp_right"> </div>'+
'<div class="msg_text_right">'+
'<video controls="controls" poster="'+data[x]['file']+'">'+
'<source src="'+ video +'" type="video/'+ data[x]['type'] +'"/>'+
'You browser does not support videos'+
'</video></div>'+
'<div style="clear:both"></div>'+
'</li>';
}
string += content;
content = '';
}
return string;
}
Исходя из PHP в JQuery, я думал, что $('#some_div').append(display_images(data));
будет таким же, как echo 'my images and videos';
Есть ли функция jquery, которая инициирует видео как видео html5, поэтому я могу воспроизвести его или это делается исключительно, когда браузер загружается, как php?
Ну, вы можете попробовать это:
var video = document.createElement('video');
video.src = 'yourvideourl';
video.play();
Я верю, что это поможет вам.
HTML
JQuery
var video = $ ('').append('').append('').append('').appendTo($ ("# videoHolder"));
Anser был взят из Почему создание видеоэлемента динамически с использованием jQuery не работает в IE9
Приобретите ответчика в приведенной выше ссылке.