Воспроизведение видео при наведении, но с другим - PullRequest
Новая
       6

Воспроизведение видео при наведении, но с другим

0 голосов
/ 19 марта 2020

Я пытаюсь, но не смог заставить div exbox1 воспроизвести видео, когда я наведу на него курсор. Этот div не является дочерним или родительским для видео-div, так как его размещение нарушит мой сценарий. Это то, что у меня сейчас есть -

HTML

<div class=video>
  <video class="vBGex2" src="vBackGround2.mp4"></video>
</div>

JS

$(document).ready(function() {
  $(".vBGex2").on("mouseover", function(event) {
    this.play();

  }).on('mouseout', function(event) {
    this.pause();

  });
})

CSS

.vBGex2{
  position: absolute;
    z-index: -1;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
  min-width: 100%; 
  min-height: 50%; 
    width: 230px;
    height: 300px;
    object-fit: cover;
  position: absolute;
  top: 50%;
  left: 0%;
}

1 Ответ

0 голосов
/ 19 марта 2020

Можете ли вы попробовать это 

<video class="vBGex2" src="vBackGround2.mp4" onmouseover="play(this)" onmouseout="stop(this)"></video>

function play(el){
   el.play();
}

function stop(el){
   el.pause();
}
...