Vic*_*Vic 5 javascript html5 html5-video angularjs angularjs-directive
我还在努力理解角度......
基本上,我有一个html5视频,我想听听这个onloadeddata事件(http://www.w3schools.com/jsref/event_onloadeddata.asp).
这就是我所拥有的:
HTML:
<video autoplay="autoplay" loaded-data loop style="display: none;">
<source src="videos/example.mp4" type="video/mp4">
<source src="videos/example.ogg" type="video/ogg">
</video>
Run Code Online (Sandbox Code Playgroud)
指示:
angular.module('myApp')
.directive('loadedData', function () {
return function ($scope, $element) {
$element.addEventListener("loadeddata", function () {
console.log('test'); // never calls
});
}
});
Run Code Online (Sandbox Code Playgroud)
这是处理这个问题的正确方法吗?出于某种原因,事件监听器永远不会被调用.
我也试过了
$element.bind('loadedData', function () {
console.log('test');
});
Run Code Online (Sandbox Code Playgroud)
但它也不起作用......
弄清楚了!看来我需要使用:
$element[0].addEventListener(...)
Run Code Online (Sandbox Code Playgroud)
代替:
$element.addEventListener(...)
Run Code Online (Sandbox Code Playgroud)