MediaRecorderでvideo要素からの記録を行いたい

Question

MediaRecorderでvideo要素から動画の記録を行いたいのですが、音声は正常に記録できているのに映像は最初の１フレームしか記録されません。
なぜでしょうか。

<video id="src" controls src="src.mp4"></video>
<video id="dst" controls></video>
<a id="dl" download="record.webm" >download</a>

const stream = src.captureStream();
const recorder = new MediaRecorder(stream);
const chunks = [];
recorder.ondataavailable = evt => {chunks.push(evt.data);};
recorder.onstop = evt => {
  const videoBlob = new Blob(chunks, { type: "video/webm" });
  const blobUrl = URL.createObjectURL(videoBlob);
  dst.src = blobUrl;
  dl.href = blobUrl;
}
src.addEventListener('play', e=>recorder.start());
src.addEventListener('pause', e=>recorder.stop());

追記
上記のコードはChromeで試したのですが、mozCaptureStreamにしてfirefoxで試したらなぜか普通に動きました。