CSS3D renderer chrome issue with embed Vimeo/youtube

[geekance]

Description of the problem

Quite recently, it is impossible to access Vimeo/youtube controls when displayed using the CSS3D renderer. You can test this issue on the following page: https://threejs.org/examples/#css3d_youtube

This is only a Chrome issue, Firefox an Safari works as expected.

[Mugen87]

I can confirm the issue. Indeed, seems to be a Chrome related problem.

[geekance]

Thanks for the feedback, are you capable to investigate the issue?

[mrdoob]

It works fine here.. 🤔

[geekance]

It work on your Chrome? Normally you should be able to play the videos using the central button but the controls à the bottom are unreachable. Do you confirm that observation?

[mrdoob]

I can play and use the controls in that example. (Chrome 66.0.3359.203)

[geekance]

Version 67.0.3396.87 (Official Build) (64-bit) is the version I use

[geekance]

Did you manage to verify the issue on this version of Chrome?

[Mugen87]

I have also used 67.0.3396.87

[yomotsu]

I can reproduce in both:

• macOS Chrome Version 67.0.3396.87
• Windows10 Chrome Version 67.0.3396.87

Seems clickable area of each button in controls are slightly moved

[haroldiedema]

Works fine here on Chrome 65.0.3325.181 (Official Build) (64-bit).

[yomotsu]

Whether works correctly or not is depends on rotate angle. I don't think that is CSS3D renderer's fault tho

[Mugen87]

I guess Chrome 67.0.3396.87 introduces a change we are not aware of...

[geekance]

I confirm also that it seems we are in a situation where the mouse coordinates the iframe is receiving are shifted comparing to actual cursor position.

Not sure either if the issue comes from the Youtube/Vimeo API (I have a similar issue with Vimeo) or from Chrome or from the CSS3D renderer...

Thanks to all for your help so far :).

[Mugen87]

I've created this small test case (pure CSS, no three.js): https://jsfiddle.net/boajrp5e/5/

I'm not able to correctly use the control bar in Chrome 67.0.3396.87. For instance when I click on the subtitles button, I actually click on settings. In Firefox everything works fine.

[Mugen87]

I've opened an issue at the Chromium project: https://bugs.chromium.org/p/chromium/issues/detail?id=854247

[geekance]

Thanks for that. Do you know how long it could take them to solve this kind of issue?

[mrdoob]

Confirmed. It broke in Chrome 67. Thanks for reporting @Mugen87!

[Mugen87]

Do you know how long it could take them to solve this kind of issue?

Not sure about that. But if you star the issue, you might raise priority 😉

[Mugen87]

Closing. The reported Chrome issue is now a prio 1 bug.

[geekance]

Thanks all for the great help.