Jquery добавить HTML5 видео программно

0

У меня есть загрузчик, который загружает видео и изображения, затем они отображаются обратно пользователем. Изображения отображаются отлично, но на видео отображаются только плакат и кнопки управления. Однако видео не воспроизводится.

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">&nbsp;</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">&nbsp;</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?

Теги:
video

2 ответа

0

Ну, вы можете попробовать это:

var video = document.createElement('video');
video.src = 'yourvideourl';
video.play();
  • 0
    не будет ли играть видео автоматически, хотя
  • 0
    Да, но с этого момента вы можете использовать API видео для изменения подобных вещей. Просто удалите video.play () и добавьте video.autoPlay = false.
Показать ещё 1 комментарий
0

Я верю, что это поможет вам.

HTML

JQuery

var video = $ ('').append('').append('').append('').appendTo($ ("# videoHolder"));

Anser был взят из Почему создание видеоэлемента динамически с использованием jQuery не работает в IE9

Приобретите ответчика в приведенной выше ссылке.

  • 0
    тот же результат, что и у меня, является .avi поддерживаемый тип файла

Ещё вопросы

Сообщество Overcoder
Наверх
Меню