HTML5 동영상 Uncaught TypeError : .play가 함수가 아닙니다.

Question

buttonc 클릭 후 비디오 자동 재생에 문제가있어서 재생할 비디오가있는 기초 모달을 엽니 다. 버튼을 클릭하여 동영상이있는 모달을 열면 동영상이 열리지 만 동영상이 재생되지 않습니다. 콘솔에서

은 내가 catch되지 않은 형식 오류를 얻을 : .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에서 제대로 볼 수 그러나 내가 어떤 방법으로 그것을 재생할 수 없습니다 :그리고 스크립트는 것 같습니다. 그래서 확실히는

작동하지 않습니다 JQuery와 개체가 재생이되지 않습니다() 메소드 -

1. $ ('# 회사 영화') 재생() :.

   나는 함께 시도

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

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

그러나 둘 중 어느 것도 작동하지 않습니다.

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

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

})

을하지만 그것도 작동하지 않습니다

는 또한 jQuery를하지 않고 이런 식으로이 일을하려고했다.

나는 그것에 대해 도움을 주셔서 감사합니다.

Answer 1

내가 그것을 시도하고 작동하지 않는 $('#company-movie')[0].play(); 또는 $('#company-movie').get(0).play();