.play(function(){}); jquery不能正常工作

问题描述:

我想要一个播放视频的功能。我有以下代码,但它不起作用。.play(function(){}); jquery不能正常工作

$(".jw-video")[0].play(function(){ 
    var link = $(".jw-video").attr("src"); 
    console.log(link); 
}); 

请帮忙。

+0

控制台中的任何错误?你为什么认为它会起作用? –

+0

也许试试看: '$(“。jw-video”)[0] .live('playing',function(){varnail link = $(“。jw-video”)。attr(“src”) ; console.log(link); });' – sscotti

+2

@sscotti'.live'已过时,已被删除一段时间。加'[0]'表示它可能不是jQuery对象。 –

做了一点研究。这似乎工作,虽然可能比混合和匹配直的JS和jQuery更好的方法,它可以清理一下,但它似乎工作。这是一个非常有用的链接:

W3 Org Video Media Events

JS/jQuery的

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
<script type="text/javascript"> 


$(function() { 
videoElement = $(".jw-video")[0]; 
videoElement.addEventListener("playing", playHandler, false); 
function playHandler(e) { 
    alert("playing"); 
    var link = $(".jw-video")[0].currentSrc; 
    console.log(link); 
} 
}); 
</script> 

HTML

<video class="jw-video" width="320" height="240" controls> 
<source id="mp4" src="test.mp4" type="video/mp4"> 
Your browser does not support the video tag. 
</video> 
+0

不知道为什么$(“。jw-video”)[0] .controller返回null?不在代码中,但我想看看它是如何工作的。 – sscotti