자바 스크립트를 사용하여 <video> 요소를 자동 실행합니다.

Question

자동 재생 옵션이 포함 된 HTML을 몇 가지 요소로 설정했습니다. Chrome이 어떤 이유에서든이 동영상을 자동 재생하려고하지 않는 것으로 나타났습니다. 한 번로드 된 비디오를 재생하도록 자바 스크립트를 추가하고 싶습니다. 문제의 DOM 요소에 play() 메서드를 사용해야한다는 것을 알고 있습니다.

내가 사용하고 있습니다 :

이

document.getElementsByTagName('video').play(); 

이 코드는 성공적으로 내 비디오 요소를 자동 재생. 그러나, 그것은 또한 에러가 나는 전에이 오류 건너하지 않은

Uncaught TypeError: Object #< NodeList > has no method 'play'

으로 콘솔에 집어 던지고 제대로 실행하기 위해 내 자바 스크립트의 나머지 부분을 정지합니다. 이것이 무엇이며 해결 방법은 무엇입니까?

감사합니다.

Answer 1

getElementsByTagName은 요소 배열을 반환하므로 원하는 배열의 요소를 지정할 수 있습니다.

document.getElementsByTagName('video')[0].play(); 

어쩌면 더 좋을 수 <video> 요소에 ID에 영향을 미치는, 당신은 다음 getElementById(id)를 사용하여 retreive 수 있습니다.