javascript - Base64 值不适用于视频标签？

Question

我正在添加src对于 video source具有 base64 值，但它不起作用这是我的 html

<video id="video" controls> 
  <source type="video/mp4"  id="jh">  
</video> 

我的js是

$("#vd").click(function(){   
        $.ajax({
                url:"RetriveVedio",
                method: "get",
                dataType: 'text', 
                success:function(response){
                    console.log(response);

                     var src = 'data:video/mp4;base64,'+response;
                  $("#video").find("#jh").attr("src", src);
                // $('#video').load();
                 $("#video").trigger('load');
                 $("#video").trigger('play'); 
                }    
        });      
    });   

来自服务器的base64值是AAAAGGZ0eXBtcDQyAAAAAG1wNDFpc29tBNjldm1kYXQAAAAAAAAAEAA=值正在添加到 source像这样<source type="video/mp4" id="jh" src="data:video/mp4;base64,AAAAGGZ0eXBtcDQyAAAAAG1wNDFpc29tBNjldm1kYXQAAAAAAAAAEAA=">但视频没有播放。我无法追踪它，有人可以帮助我吗？

有什么办法解决吗？

Answer 1

我最近遇到了这个问题，我的解决方案是添加 src属性直接添加到 <video>元素。喜欢

<video src="-base64 string here-" width="xx" height="yy">
    Your browser does not support HTML5 video.
</video>

添加 src在 <source>元素导致视频不执行任何操作。