Как добавить более одного источника видео с помощью JS? - PullRequest
Новая
       11

Как добавить более одного источника видео с помощью JS?

1 голос
/ 16 февраля 2012

РЕДАКТИРОВАТЬ: Я думаю, что я не объяснил себя правильно.

Мне нужно установить (с помощью javascript) более одного источника видео для моего видео.

Например, набор: 

<source type="video/mp4" src="video.mp4"></source>
<source type="video/ogg" src="video.ogg"></source>

есть ли способ сделать это? также, если у меня есть только видео, которое в данный момент не поддерживает веб-браузер, будет ли это резервное копирование?

Я использую mediaelementjs (и jquery) (в двух словах мне нужно щелкнуть изображение, и волшебным образом должно поддерживаться видео, поддерживаемое браузером (другое видео)).

спасибо!

1 Ответ

1 голос
/ 16 февраля 2012

Да, человек, вы можете установить более одного источника, поэтому браузер загрузит только поддерживаемый источник, а в случае, если он не поддерживает видео HTML5, он загрузит тег вставки (flash)

Вот пример: 

<video poster="myvideo.jpg" controls>
 <source src="myvideo.m4v" type="video/mp4" />
 <source src="myvideo.ogg" type="video/ogg" />
 <embed src="/to/my/video/player"></embed>
</video>

--- отредактировано ---

Итак, вы хотите динамически добавлять больше тегов источника.Как функция onclick.У вас есть несколько вариантов:

  1. Вы можете просто изменить атрибут src в элементе видео;
  2. Вы можете изменить атрибут src каждого элемента источника;
  3. Вы можете создавать больше исходных элементов и добавлять все к элементу видео;

В любом из этих случаев вам потребуется запускать функции load и play элемента видео после измененийили добавьте источники;

PS: помните, что будет воспроизводиться только один источник, который может прочитать браузер.Таким образом, вы не можете добавить много видео (например, разные видео, вместо разных расширений) и ожидать, что будет создан плейлист;

Еще вопросы о нем:

...