javascript – ajax调用中的HTML5视频

我想在ajax查询中调用一个视频,它工作但不是corectly(它没有视频播放器的控制按钮)
这是我的ajax代码：

$.ajax({
    context: document.body,url: "/?get=json&act=video",type: "get",success: function(html) {  
          // console.log(JSON.parse(html)); 
          var a = JSON.parse(html);
          var returnVideo = "";
          a.forEach(function(element) {
          console.log(element);

            returnVideo += '    <div class="uk-card uk-card-hover uk-card-default">';   
            returnVideo += '        <div class="uk-card-media-top">'; 
            returnVideo += '    <video  width="" height="">';   
            returnVideo += '        <source src="'+element.gameClipUris[0].uri+'" type="video/mp4">';   
            returnVideo += '    </video>';  
            returnVideo += '        </div>';    
            returnVideo += '    </div><br />';  

          });
          $('#loading').hide("slow");
          $('#retourForm').append(returnVideo);
        }
});

输出：

它缺少视频播放器的控制按钮！
我有测试添加硬盘编码的播放器,它工作(图像右侧)…

所以我想我无法从javascript加载html5播放器？

解决方法

您可以向视频标记添加控件属性,例如< video controls>< / video>.欲了解更多信息,请阅读 video tag.