HTML5:没有“src”属性的视频元素

Ama*_*pta 1 html javascript html5-video

我正在使用 webrtc 库之一来显示视频并将收到的流附加到视频元素。但是当我检查视频元素时,src属性丢失。

<video autoplay="" id="EKA-e2RERLzhCFy8AAEd" class="videoRoom"></video>
Run Code Online (Sandbox Code Playgroud)

我这里有几个问题:

  1. 元素是否可以video没有src属性?
  2. 如果可以的话,如何获取src该视频

Kai*_*ido 6

video 元素是否可以没有 src 属性。

是的,这是可能的。

您使用的库可能会设置srcObjectvideoElement 的属性。

此属性允许将视频源直接设置为 MediaStream、MediaSource、Blob 或文件对象。 请注意,FF 目前仅支持 MediaStreams。

FF 示例(随后检查元素)

navigator.mediaDevices.getUserMedia({video:true}).then(s=>(vid.srcObject = s));
Run Code Online (Sandbox Code Playgroud)
<video id="vid" controls></video>
Run Code Online (Sandbox Code Playgroud)

对于 chrome 来说是一个小提琴,因为它需要httpsGUM 协议才能工作。


如果可能的话,如何获取该视频的src

嗯,确实没有,src所以我想说不可能。

您仍然可以调用yourVideoElement.srcObject,但这会将对象返回到其设置的位置(通常是 MediaStream)。
如果您需要录制它,则可以使用MediaRecorder