Javascript MediaRecorder没有'；t录制视频，但仅从视频标签录制音频

我试图从视频标签录制视频，所以我使用了MediaRecorder

但是，MediaRecorder不录制视频，只录制来自视频标签的音频

<button onClick="start();">start</button>

<button onClick="end();">end</button>

<video id="video" src="demo.mp4" controls></video>

<video id="record_video" controls></video>
<script>

    var mediaRecorder;

    var videoData = [];

    var video = document.getElementById('video'); 

    mediaRecorder = new MediaRecorder(video.captureStream());



    mediaRecorder.ondataavailable = function (e) {

        videoData.push(e.data);

        var blob = new Blob(videoData, { 'type': 'video/webm' });

        var videoURL = URL.createObjectURL(blob);

        document.getElementById("record_video").src = videoURL;

        document.getElementById("record_video").play();

    };

    function start(){

        mediaRecorder.start();

    }

    function end(){

        mediaRecorder.stop();

    }

开始
结束
媒体记录器；
var videoData=[]；
var video=document.getElementById（'video'）；
mediaRecorder=新的mediaRecorder（video.captureStream（））；
mediaRecorder.ondataavailable=功能（e）{
视频数据推送（e.data）；
var blob=新blob（videoData，{'type'：'video/webm'}）；
var videoURL=URL.createObjectURL（blob）；
document.getElementById（“录制视频”）.src=videoURL；
document.getElementById（“录制视频”）.play（）；
};
函数start（）{
mediaRecorder.start（）；
}
函数结束（）{
mediaRecorder.stop（）；
}

怎么了

可以从视频中录制视频吗