Video is not rendered inside group

[solomax]

Version

1.7.17

I'm trying to create video player using fabric.js.
First task is to create play/pause button.
Change button style on mouseover is not working due to #4115 :(
Somehow video is not being rendered inside group :(

Test Case

https://jsfiddle.net/solomax666/r2nuv845/

Steps to reproduce

• Run jsfiddle above
• press 'Play' button
• wait couple of seconds

Expected Behavior

Video is being played on canvas

Actual Behavior

There is the sound but video frames are not being updated
Frame-by-frame animation can be created by continuously clicking play/pause button

[solomax]

Additional question: is it possible to display poster of video tag?

[asturur]

https://jsfiddle.net/r2nuv845/7/

The problem is that you should disable the cache for that Group containing video and buttons.
The Group will change every frame and every render, so there is no reason to keep it cached.
(i added objectCaching: false to group creation)

[asturur]

What is poster of video tag?

[solomax]

Thanks!

Here is the description of the poster: https://www.w3schools.com/tags/att_video_poster.asp

[solomax]

I just have checked, adding objectCaching: false fixes playback issue, but play/pause button stops working :(
With caching it correctly changes visibility of inner objects. With ching off this button is always 'play' and never 'pause' :(

[solomax]

OK, play/pause issue is solved by disable caching for both groups
Thanks a lot for helping with this!

[asturur]

so poster is an attribute.
You have to parse it and display it by yourself as an image. There is no real video support in fabricjs.

[solomax]

OK, Will try. Thanks a lot!