Javascript 什么';什么是html5视频元素的播放事件?

Javascript 什么';什么是html5视频元素的播放事件?,javascript,jquery,html5-video,Javascript,Jquery,Html5 Video,我在页面上嵌入了一个视频html5标签。我需要在用户单击“播放按钮”时触发一个操作。但我找不到如何将其与我的行动联系起来。有我需要的活动吗?我正在使用jQuery 谢谢 这个W3C演示页面有帮助吗?游戏事件似乎只是“玩” 例如: $('video').bind('play', function (e) { // do something }); 或 我使用了以下代码并将其剥离: <script language="javascript"> document.addE

我在页面上嵌入了一个视频html5标签。我需要在用户单击“播放按钮”时触发一个操作。但我找不到如何将其与我的行动联系起来。有我需要的活动吗?我正在使用jQuery


谢谢

这个W3C演示页面有帮助吗?游戏事件似乎只是“玩”

例如:

$('video').bind('play', function (e) {
    // do something
});


我使用了以下代码并将其剥离:

<script language="javascript">
    document.addEventListener("DOMContentLoaded", init, false);

    function init() {
        var _video = document.getElementById("video");
        _video.addEventListener("playing", play_clicked, false);
    }

    function play_clicked() {
        alert("play was clicked");
    }
</script>

<video id='video'
  controls preload='none' 
  poster="http://media.w3.org/2010/05/sintel/poster.png">
  <source id='mp4'
    src="http://media.w3.org/2010/05/sintel/trailer.mp4"
    type='video/mp4'>
  <p>Your user agent does not support the HTML5 Video element.</p>
</video>

document.addEventListener(“DOMContentLoaded”,init,false);
函数init(){
var_video=document.getElementById(“视频”);
_video.addEventListener(“播放”,单击播放,错误);
}
函数play_clicked(){
警报(“播放被点击”);
}
您的用户代理不支持HTML5视频元素


希望我能提供帮助。

HTML5视频元素有一个
onplay
事件,您可以使用它,而不需要额外添加一个监听器。此解决方案也不需要JQuery

var myVid = document.getElementById('video');    
if (myVid !== null) { // Possibility of no video loaded in DOM
    myVid.onplay = function () {
        //do something
    };
}

有完整的详细信息。

但您想在单击按钮时触发新事件吗?或者您想绑定到
播放
的事件?答案中的演示页面非常酷,显示了可以从视频播放器收集的事件和数据。
var myVid = document.getElementById('video');    
if (myVid !== null) { // Possibility of no video loaded in DOM
    myVid.onplay = function () {
        //do something
    };
}