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 video = $（＆＃39;＆＃39;） .append（＆＃39;＆＃39;） .append（＆＃39;＆＃39;） .append（＆＃39;＆＃39;） .appendTo（$（＆＃34;＃videoHolder＆＃34））;

Anser被取走了 Why does creating a video element dynamically using jQuery not work in IE9

在上述链接中记入响应者。

Jquery以编程方式添加html5视频

2 个答案: