2017-02-22 4 views
0

Любой, кто имеет опыт работы с html css, поможет мне справиться с этой простой проблемой, которую я не могу решить.Как установить html5 видео-тег источник c css

В принципе, моя html-страница имеет элемент видео, к которому прикреплен атрибут src.

Теперь, что я хочу сделать, удалите этот атрибут src из элемента видео и поместите этот источник в класс css этого элемента видео.

Итак, как я могу установить src видеоэлемента из css?

Я пробовал использовать URL-адреса, атрибуты контента, но он не работает.
Или, может быть, я делаю это неправильно. Я был бы благодарен всем, кто мог бы предоставить какие-либо данные для этого или поделиться небольшим кодом, который будет использовать css для установки источника элемента видео html5. , пожалуйста, помогите мне. Спасибо.

+1

Вы не можете сделать это с помощью CSS. Вы должны использовать JS для этого. – cloned

+0

почему? не могли бы вы объяснить. я имею в виду, что можно установить атрибут source тега img из css, но не для видео. Зачем? – Harshit

+1

@ Харшит: Это тоже невозможно. Вы можете установить фоновое изображение из CSS, но это не влияет на атрибуты элемента. – Cerbrus

ответ

1

Вы не можете установить источник видео с помощью CSS. Потому что вы видите ниже базовой структуры видео:

<video> 
    <source src="sample.mp4" type="video/mp4"> 
    <source src="sample.ogg" type="video/ogg"> 
    Your browser does not support HTML5 video. 
</video> 

Вы можете установить другие атрибуты, как фоновое изображение, цвет и т.д. Тем не менее, вы не можете установить источник с помощью CSS, который используется для разработки кнопки воспроизведения & любые другие функции кнопок. Если вам действительно нужно это сделать без использования <source src="sample.mp4" type="video/mp4"></source>, вам придется использовать JavaScript.

Смежные вопросы