Jquery以编程方式添加html5视频

Question

我有一个上传视频和图像的上传器，然后将它们显示给用户。图像显示正常，但视频仅显示海报和控制按钮。但是视频无法播放。

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 一样加载时完成？

Answer 1

好吧，你可以试试这个：

var video = document.createElement('video');
video.src = 'yourvideourl';
video.play();

Answer 2

我相信这会对你有所帮助。

HTML

jQuery

var 视频 = $('') 。附加（''） 。附加（''） 。附加（''） .appendTo($("#videoHolder"));

Anser 取自 Why does creating a video element dynamically using jQuery not work in IE9

感谢上述链接中的响应者。