반응형
jQuery를 통해서 Video 태그에 컨트롤을 하려고 하면, 찾을 수 없다는 에러가 발생한다.
[예제]
<video width="320" height="240" src="test.mp4" id="video3" controls></video>
[Failed 예제]
$('#video3').pause() // 찾을 수 없다는 오류 발생
[Sucess 해법]
$('#video3').get(0).pause(); // 이렇게 해야 실행이 됩니다.
$('#videoId').get(0).play()
. (get
gets the native DOM element from the jQuery selection.)
출처: https://stackoverflow.com/questions/4646998/play-pause-html-5-video-using-jquery
반응형
'Web > jQuery' 카테고리의 다른 글
jQuery Mobile header 에 select box 추가하기 (0) | 2018.06.02 |
---|---|
jQuery Mobile의 listview search data-filter 위치 Fixed (0) | 2018.06.02 |
jQuery Mobile 버튼 색상변경과 + 상단 Title의 길이 늘리기 (0) | 2018.05.25 |
jQuery Mobile의 뒤로 가기 오류가 생긴다면. (0) | 2018.05.25 |
jquery 에서 다른 링크 클릭 이벤트 부르기 (0) | 2017.12.16 |
jQuery <select><option value="1|TOUR"> value값에 2개 이상의 추가하기 ( 구분자 사용 ) (0) | 2017.10.18 |
jQuery를 이용한 Image 태그 src변경하기 (클릭시 로테이션) (0) | 2017.10.06 |
jQuery 태그의 name이 특정 문자가 들어간 태그 핸들링 (0) | 2017.09.13 |
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)
(로그인하지 않으셔도 가능)