After clicking on a video the loading indicator doesn't spin

[ioanarusiczki]

Followup mozilla/addons#13037

STR:

1. Load AMO and click the EW link
2. Go to a video from the page -> Attract Users with Content and Design -> What’s Great Content and Design?
3. Click the video and observe the loading indicator

Expected results:
Until the video loads the indicator is spinning.

Actual result:
The indicator doesn't spin.

Notes:
It is reproducible on AMO - FF65 (Win10 & Android 8.0).

This seems to be a browser issue because I could not reproduce it on Chrome.

with FF

with Chrome

[willdurand]

@ioanarusiczki could you please file EW issues in https://github.com/mozilla/extension-workshop/issues? Thanks!

[ioanarusiczki]

@willdurand Sorry, I had no idea it's a separate repo for EW. Thanks @muffinresearch for transfering all the filed issues here.

[muffinresearch]

Possibly caused by CSP since this works locally.

[muffinresearch]

This is a CSP issue, animate elements in the SVG cause style-src violations. We'll need to workaround this by moving to a CSS-based animation instead.

[muffinresearch]

You can now see the video in https://extensionworkshop-dev.allizom.org/documentation/publish/

[ioanarusiczki]

@muffinresearch
This is verified on EW dev with FF68(Win10).

I don't know if that's something expected or could be fixed from our side but I've noticed that on mobile platforms the video won't automatically start ( that's the desktop behavior). On mobile (Android or iOS) there's the Play red button (that's youtube's) which has to be tapped to start the video. It has the same behavior on FF or Chrome.