HTML5 video Uncaught TypeError: .play не является функцией

Question

У меня возникла проблема с автозапуском видео после нажатия кнопки, которая открывает базовый мод с видео для воспроизведения. Когда я нажимаю кнопку для открытия модального видео, он открывается, но видео не запускается.

В консоли я получаю неперехваченный TypeError: .play не является функция ошибки

Кнопки модального Открытия:

<div data-open="movieModal" id="movieModalOpenMedium">Open</div> 

Видео модальным:

<div class="reveal full" id="movieModal" data-reveal data-reset-on-close="true"> 

<video id="company-movie" controls> 
    <source src="/video/movie.mp4" type="video/mp4"> 
</video> 

И сценарий выглядит следующим образом:

$(document).ready(function(){ 
// var movie = document.getElementById('company-movie'); 
var movie = $('#company-movie').get(0); 
$('#movieModalOpenMedium').click(function(){ 
    movie.play(); 
}) 

})

# компания-фильм элемент правильно видел в DOM, однако я не могу играть в любом случае.

Я попытался с:.

1. $ ('# компания-фильм') играть() - JQuery объект не имеет воспроизведения() метод так уверен, что не будет работать

2. $ ('# company-movie'). Get (0) .play();

3. $ ('# company-movie') [0] .play();

но ни один из этих способов не работает.

Я также пытался сделать это без JQuery так:

$(document).ready(function(){ 
var movie = document.getElementById('company-movie'); 

document.getElementById("movieModalOpenMedium").addEventListener("click", function(){ 
    movie.play(); 
}); 

})

, но он также не работает.

Я был бы признателен за любую помощь в этом.

Answer 1

$('#company-movie')[0].play(); Попробуйте или $('#company-movie').get(0).play();