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

Question

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

<video autoplay="" id="EKA-e2RERLzhCFy8AAEd" class="videoRoom"></video>

我有几个问题：

video 元素是否可能没有 src 属性。
如果可能，如何获取该视频src

Answer 1

<div class="col-sm-12">
         
        <video width="400" controls>
          <source src="http://ia800803.us.archive.org/17/items/MickeyMouse-RunawayTrain/Film-42.mp4" type="video/mp4">           
        </video>
      </div>

在 src 中放置您想要的视频 url

<video width="400" controls>
    <source src="" type="video/mp4">           
</video>

Answer 2

Is it possible for video element to have no src attribute.

是的，这是可能的。

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

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

FF 示例（之后检查元素）

navigator.mediaDevices.getUserMedia({video:true}).then(s=>(vid.srcObject = s));

<video id="vid" controls></video>

a fiddle 用于 chrome，因为 GUM 需要 https 协议才能工作。

If possible, how to get src for that video

嗯，确实没有 src 所以我认为不可能。

您仍然可以调用 yourVideoElement.srcObject，但这会将 return 对象设置为它所设置的对象（通常是 MediaStream）。
如果你需要记录它，你可以使用 MediaRecorder.

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

HTML5 : Video element without 'src' attribute

html

javascript

html5-video