I’m currently using Cocos Creator 3.8.6 to develop content for the web platform.
In my project, I wanted to place a video (mp4, etc.) naturally within the UI, so I tried using the VideoPlayer component.
However, the video ignores the UI hierarchy and is always rendered on top of everything.
Is there a better way to handle this?
You can check a few ideas here
https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Video
To solve this requirement, the main point is to convert the video to texture frames; it is also called VideoTexture. The engine doesn’t currently support this feature, but it will be added in the future.
For now, if you want to solve it, please ask AI or search the related content on the cocos store.
Dear rybones,
I wanted to express my heartfelt gratitude for your thoughtful response and the helpful resources you shared regarding rendering video content inside the WebGL layer in Cocos Creator 3.8.6. Your reference to the linked project on Gitee and the insightful idea to convert video into texture frames opened up a promising direction that I had not yet considered. It’s clear that generating a VideoTexture—even though it’s not natively supported in the engine yet—could pave the way for more seamless integration of video within UI hierarchies, rather than relying on DOM overlays.
While waiting for official engine support, your suggestion provides a clear and creative workaround that aligns well with the functionality I’m aiming to achieve. I’m excited to explore this approach further and experiment with converting video frames into textures.
Once again, thank you so much for your expertise, time, and the thoughtful guidance you’ve provided. It’s contributions like yours that make the community incredibly valuable and supportive!
thank you!! 