Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как присвоить значение для тега при клике по ссылке?

Как присвоить значение для тега при клике по ссылке?


     20.09.2016    Все вопросы » jQuery    1476

вопрос
Здравствуйте

у меня на сайте есть блок видео реализовано как фоновое видео (video bg)
вот код:

<video poster="images/bg/video-bg.png" playsinline loop autoplay muted>
        <source src="video/video-bg.webm" type="video/webm">
        <source src="video/video-bg.mp4" type="video/mp4">
</video>


Оно сейчас играет как только страница загружается, за это отвечает атрибут autoplay
Я хочу сейчас убрать атрибут autoplay и поставить ссылку, при клике по которой тегу video будет присваиваться атрибут autoplay.

и так, по умолчанию у тега video нет атрибута autoplay, а после того как человек кликает по ссылке, с помощью js присваивается атрибут autopla.

кто может помочь? и вообще сработает ли данная задумка?

Ответа пока нет


1 комментарий

vitnet
PHP-developer

vitnet - 21 сентября 2016 11:44 -

html
<video id="video_bg" poster="images/bg/video-bg.png" playsinline loop muted>
    <source src="video/video-bg.webm" type="video/webm" />
    <source src="video/video-bg.mp4" type="video/mp4" />
</video>

<a href="#" class="play">Ссылка</a>

js
$(document).on('click', '.play', function(e){
    e.preventDefault();
    var video = $('#video_bg');
    if(video.length) video.get(0).play(); // video.play(); <-- воспроизвести | video.attr({'autoplay': 'true'}); <-- добавить атрибут
    return false;
});

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх