Руководство по HTML

Полный список тегов HTML

Атрибут src DOM аудио/видео HTML

Атрибут src отражает значение атрибута src элемента HTML-медиа, который указывает URL медиа-ресурса, используемого в элементе.

　Руководство по DOM аудио/видео HTML

Онлайн пример

Изменить источник видео:

Пример

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Использование атрибута src аудио/видео HTML - базовый учебник (oldtoolbag.com)</title>
</head>
<body>
<button onclick="changeSource()" type="button">Изменить источник видео</button>
<br>　
<video id="video1" controls="controls" autoplay="autoplay">
　　<source id="mp4_src" src="mov_bbb.mp4" type="video/mp4">
　　<source id="ogg_src" src="mov_bbb.ogg" type="video/ogg">
　　Ваш браузер не поддерживает тег video HTML5.
</video>
<script>　
myVid=document.getElementById("video1");
function　changeSource()
{　
　　isSupp=myVid.canPlayType("video/mp4");
　　if　(isSupp=="")
　　{
　　　　　myVid.src="movie.ogg";
　　}
　　else
　　{
　　　　　myVid.src="movie.mp4";
　　}
　　myVid.load();
}　
</script>　
</body>
</html>

Тестирование看看 ‹/›

Определение и использование

Атрибут src устанавливает или возвращает текущий источник аудио/видео.
Источник - фактическое местоположение файла аудио/видео (URL)

Совместимость браузеров

IEFirefoxOperaChromeSafari

Internet Explorer 10, Firefox, Opera, Chrome и Safari поддерживают атрибут src.

Примечание:Internet Explorer 9 и более ранние версии не поддерживают атрибут src.

Грамматика

Установка src атрибута:

audio|video.src=URL

Возврат src атрибута:

audio|video.src

Значение атрибута

Значение	Описание
URL	Определяет URL источника аудио/видео. Возможные значения: Абсолютный URL - указывает на другой сайт (например, src="http://www.example.com/movie.ogg") Относительный URL - указывает на файл в пределах сайта (например, src="movie.ogg")

Технические детали

Возврат значения:	Строка значений, текущий источник аудио/видео.

　Руководство по DOM аудио/видео HTML

HTML: <template> тег