Video embeds not rendering on mozillafestival

[kevinhowbrook]

Describe the bug

Vimeo embeds are not working here: https://mozillafestival.mofostaging.net/en/ https://mozillafestival.mofostaging.net/en/issues-and-spaces/

This may have been buggy before the wagtail upgrade as a video here is fine https://foundation.mofostaging.net/en/blog/

To Reproduce

Steps to reproduce the behavior:

1. Go to 'https://mozillafestival.mofostaging.net/en/'
2. Click on a video
3. Video fails to load
4. Debug console shows CSP error

Expected behavior

A clear and concise description of what you expected to happen.

Screenshots

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

Add any other context about the problem here.

[kristinashu]

The video works for me on production https://www.mozillafestival.org/en/ so it seems like it's a new issue

[mtdenton]

This seems like a staging issue, it may have never worked on staging. Dev tools:

CSP directives are stored in environment variables in Heroku.

[danielfmiranda]

Hi @kevinhowbrook!

Tyler appears to be correct that this was a CSP issue. I have updated the CSP_FRAME_SRC env variable in staging to now include vimeo and it seems to be working for me.

Can you please take another look at the page and let me know if everything is working as expected? Thanks!

[kristinashu]

The videos work for me now too!