2016-09-15 1 views
0

Я использую одну из библиотек webrtc для показа видео и прикрепления потока, полученного к элементу видео. Но когда я проверяю элемент видео, отсутствует атрибут src.HTML5: Элемент видео без атрибута 'src'

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

У меня есть несколько вопросов здесь:

  1. Возможно ли video элемент не имеет никакого src атрибута.
  2. Если это возможно, как получить src для этого видео
+0

'src' или' source'? –

+0

+1

Пожалуйста, постарайтесь сохранить его в одном вопросе за сообщение. --- 1. Да, это может быть назначено с помощью JS, хотя оно должно появиться в инструментах dev. --- 2. Попробуйте 'document.getElementById ('EKA-e2RERLzhCFy8AAEd'). Src' – evolutionxbox

ответ

3

Можно ли для видео элемент не имеет атрибута src.

Да, это возможно.

Библиотека, которую вы используете, вероятно, устанавливает свойство srcObject вашего видеоэлемента.

Это свойство позволяет напрямую установить источник видео в MediaStream, MediaSource, Blob или объект File. Обратите внимание, что FF поддерживает только MediaStreams.

Пример для FF (проверить элемент позже)

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

И a fiddle для хрома, поскольку он требует https протокола для ГУМА на работу.


Если возможно, как получить SRC для этого видео

Ну, есть на самом деле не src, так что я бы сказал, что не представляется возможным.

Вы все еще можете позвонить yourVideoElement.srcObject, но это вернет объект к тому, что он был установлен (обычно это MediaStream).
Если вам необходимо записать его, вы можете использовать MediaRecorder.

+0

Ya это помогает. Можно также выполнить мою работу с помощью srcObject. –

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>

в ИПВ месте видео URL вы хотите

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