使用ajax动态添加时,Html视频显示白屏

时间:2017-03-05 18:29:02

标签: javascript jquery html ajax video

使用jQuery,我发送一个AJAX请求,它将使用HTML代码发回JSON数据。然后将html代码附加到文档的正文中。这就是我正在做的事情:

$.get('get.php', { req: 'video_html' }, function (data) {

    if (data.responsetype === "SUCCESS") {

        $(document.body).append(data.video_html);
    }
});

video_html代码如下:

<video id="newVideo" src="http://.... .mp4" preload="yes">
    Your browser does not support video playing.
</video>

视频已成功添加到文档正文中,URL(src属性)也正确链接到视频,但它显示的是白色屏幕。谁知道为什么?

1 个答案:

答案 0 :(得分:1)

我添加了超时并且它有效:

$.get('get.php', { req: 'video_html' }, function (data) {

    setTimeout(function(){

        if (data.responsetype === "SUCCESS") {

            $(document.body).append(data.video_html);
        }

    }, 1000);
});
相关问题