I'd like to test how to have the video in VR is got affected by css "-webkit-filter".

For the reason, I have to change the video hotspot into a css3d renderer version.

Unfortunately, the video disapears. with normal renderer (not mention or webgl, it works properly)

on 1.20.09 ver, it disappears but the mouse cursor changes when it's hovering on the hotspot.
on 1.20.11 and 1.21 ver, it disappears. I can NOT see it, and NOT feel it.


It's not supported or do I have to set some other atrtributes?

Thanks.

Hi, klaus thank you for having me reply so fast.


To make things clear, I prepare a sample code!

It could be somehow a chrome bug.

With renderer 'webgl', an interactive area hotspot works fine.

But when it comes with 'css3d' renderer, it become smaller even if its div size is correct and the parent div is set at the correct size.

Please have a look at the following urls ;

1. webgl renderer interactive video - https://look360.kr/project/krpano_video_…rtscene=scene_2
2. css3d renerer - https://look360.kr/project/krpano_video_…ene=scene_2_css


I found this issue when I test applying css filter on krpano div sprite.

The point of the smaller video with css3d renderer is its parent div is the correct size. but the <video /> element itself is NOT.



For more information,
I found on 1.21 version, the css3d video hotspot is just disappeared. Because of that, I tought that the css3d is not supported on normal view of PC, mobile.

I found on 1.20.11, 1.20.09 versions, the css3d video hotspot is showing but smaller size unexpactedly.