Воспроизведение видео при наведении курсора с использованием JavaScript - PullRequest
Новая
       18

Воспроизведение видео при наведении курсора с использованием JavaScript

0 голосов
/ 31 января 2019

Я пытаюсь настроить страницу html, отображающую 2 видео, каждое из которых можно воспроизвести, наведя на кнопку, расположенную рядом с ней.Я также хотел бы, чтобы они останавливались при наведении мыши.

Я пробовал несколько кодов, включая те, которые размещены здесь в похожих темах на stackoverflow, но он просто не работает.

Вот мой код длясейчас: 

<div class="video-one">
<video  loop preload="auto" >
<source src="street-copy.mp4" type="video/mp4">
</video>                                    
</div>  

<script > 
var figure = $(".video-one").hover( hoverVideo, hideVideo );

function hoverVideo(e) { $('video', this).get(0).play(); }
function hideVideo(e) { $('video', this).get(0).pause(); }
</script>

Спасибо!

1 Ответ

0 голосов
/ 31 января 2019

Ну, если это все, что вы сделали, тогда я должен задать тривиальный вопрос.Вы включили jQuery в свой проект?Поскольку этот код javaScript требует, чтобы jQuery работал:)

Я создал рабочий пример на чистом JavaScript: https://codesandbox.io/s/p3mn5yl89j

Это пример jQuery: https://codesandbox.io/s/0m1v552vkv

Еслиу вас есть какие-либо вопросы, не стесняйтесь спрашивать.

...