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

时间:2016-09-15 10:37:50

标签: javascript html5 html5-video

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

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

我在这里有几个问题:

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

2 个答案:

答案 0 :(得分:3)

  

视频元素是否可能没有src属性。

是的,这是可能的。

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

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

FF示例(之后检查元素)

&#13;
&#13;
self.children
&#13;
navigator.mediaDevices.getUserMedia({video:true}).then(s=>(vid.srcObject = s));
&#13;
&#13;
&#13;

a fiddle用于Chrome,因为它需要<video id="vid" controls></video>协议才能使用GUM。

  

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

嗯,实际上没有https,所以我说不可能。

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

答案 1 :(得分:0)

<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中放置您想要的视频网址

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