Воспроизведения видео при наведении курсора?

Question

[Вячеслав Сергеевич]

https://codepen.io/anon/pen/ozxdao
https://jsfiddle.net/qk744hxh/
Тут всё работает.
когда я запускаю это код,то бишь когда захожу на страницу index.html там у меня все написано также и всё подключено,открываю через любой браузер,не работает.
суть кода в том что при наведении видео воспроизводится, а когда убираешь курсор видео останавливается.

Answer 1

[Дмитрий Гавриленко]

Убрал source, добавил document ready, обработчик событий на тег video

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("video").on("mouseover" , function(){
  this.play();
  $( this ).css( "background-color", "black" );
});
$("video").on("mouseleave",  function(){
  this.pause();
})	
})
</script>

<video width=320 src="http://www.mokselle.ru/video/video-bg.mp4">
</video>

Comments

[Вячеслав Сергеевич]

спасибо,работает,выручил.

[Дмитрий Гавриленко]

Вячеслав Сергеевич: но сама причина была судя по всему в том, что DOM дерево еще не было сформировано, а скрипт уже выполнялся. Для этого добавляется document ready, который выполняет код в function, только после того, как весь документ будет загружен.