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

Question

我想在有人点击播放按钮时显示一个指示器。如果视频已加载，我想隐藏预加载器。这与 readystate 完美配合：

            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.

当 audio/video 元素完全 buffered 并且可以在没有任何 buggering/stop 的情况下播放时，此事件仅在 audio/video 元素的生命周期内触发一次，除非 [=18] =]的元素没有改变。

应该是这样的：

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

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

How could I check if "canplaythrough" is true?

javascript

html5-video