나는 여기 에서 비슷한 질문을 찾았 지만 내 경우에는 대답이 작동하지 않았습니다.
내 JsFiddle : http://jsfiddle.net/leongaban/yvne6fnt/
HTML
<div style="position: fixed; top: 0; width: 100%; height: 100%; z-index: -1;">
<video id="hero_video" controls="" autoplay="autoplay" preload poster="http://media.w3.org/2010/05/sintel/poster.png" style="width:100%; height:100%">
<source id="mp4" src="http://leongaban.com/v6/videos/clouds.mp4" type="video/mp4">
<source id="webm" src="http://leongaban.com/v6/videos/clouds.webm" type="video/webm">
<source id="ogv" src="http://leongaban.com/v6/videos/clouds.ogv" type="video/ogg">
<p>Your user agent does not support the HTML5 Video element.</p>
</video>
JS
$("#hero_video").bind('stop', function(e) {
console.log('stopped');
alert('stopped');
}, true);
/*
$("video").bind('stop', function(e) {
console.log('stopped');
alert('stopped');
}, true);
*/
함수에서 세 번째 인수를 제거하면 작동합니다.
$("#hero_video").bind('stop', function(e) {
console.log('stopped');
alert('stopped');
});
이것은 비디오의 시작과 시작에서만 트리거된다는 점에 유의하십시오. 일시 중지시 이벤트도 트리거하려면 일시 중지 이벤트도 포함해야합니다.
$("#hero_video").bind('stop pause', function(e) {
console.log('stopped');
alert('stopped');
});
JsFiddle : http://jsfiddle.net/yvne6fnt/8/
해당 인수의 기본값이이므로 이것이 작동하는 이유는 확실하지 않습니다 true
. http://api.jquery.com/bind/
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다