On line 116, add currentTime={time}
, duration
and paused
bindings:
Now, when you click on the video, it will update time
, and paused
as appropriate. This means we can use them to build custom controls.
The complete set of bindings for <audio>
and <video>
is as follows — four readonly bindings…
- (readonly) — the total duration of the video, in seconds
buffered
(readonly) — an array of{start, end}
objectsplayed
(readonly) — ditto
currentTime
— the current point in the video, in seconds- — this one should be self-explanatory
volume
— a value between 0 and 1