Как организовать такие блоки с видео как здесь?

Question

[Worddoc]

Есть сайт мною любимой компании Quantic Dream.
Хотелось бы узнать, как организовать запуск видео в блоках на главной странице с помощью события на js?

Answer 1

[A K]

Как вариант: на ванильном js

Comments

[Worddoc]

Спасибо)

Answer 2

[Роман Дворянов]

$('video').mouseover(function() {
   this.play();
}).mouseout(function(){
   this.stop();
});

Comments

[Worddoc]

А на чистом js как это можно написать?

[Worddoc]

И если нажать слева на кнопку меню, блоки красиво выкатываются. Как это сделать?(можно просто на словах)

[Роман Дворянов]

Worddoc:
я в js не очень силен, вот так должно сработать
document.onmouseover = function(elem) {
if(elem.target.tagName = "video") {
elem.play();
}
};
document.onmouseout = function(elem) {
if(elem.target.tagName = "video") {
elem.pause();
}
};

Answer 3

[Cyber_bober]

Непонятно, что вы имеете ввиду? На главной странице там вставка видео с ютуб. Опишите точнее