javascript - 我如何检查 "canplaythrough"是否为真？

Question

如果有人单击播放按钮，我想显示一个指示器。如果视频已加载，我想隐藏预加载器。这与就绪状态完美配合:

            var einleitung = document.getElementById('einleitung');

            video.addEventListener('play', function () {

            if ( video.readyState === 4 ) {

                myApp.hidePreloader();

            } else {

                myApp.showPreloader('Loading...');

            }

            });

我怎样才能用canplaythrough而不是readyState来完成这个任务？

这样的东西不起作用:

           if ( video.canplaythrough == true ) {}

video.canplaythrough 为“null”。

Answer 1

canplaythrough is an eventof not property of audio/video element.

当音频/视频元素完全缓冲并且可以在没有任何buggering的情况下播放时，此事件在audio/video元素的生命周期中仅触发一次/停止，除非元素的src未更改。

应该是这样的:

audio|video.addEventListener("canplaythrough", function(){//your code});