Hi!
I’m completing the first projects, and in the “Build a Product Landing Page” project we have to embed a YouTube video in the page.
I completed the project alright but I noticed that, although I can visualize the video perfectly fine from Chrome, I can’t do so from Firefox.
Is that normal?
Is there something wrong in my code (regarding this problem)?
Maybe I need to update Firefox?
Thanks for your reply.
I just updated Firefox and the still the video can’t be visualized (it appears as a black rectangle).
Here is the part of the code where I embed the video (the full code can be seen in the link I provided):
Looks like yet another issue with Codepen and Firefox. This time I’m more convinced that it is the missing allow-same-origin on the sandbox attribute for the iframe that is (likely) the issue.
It works on other live editor sites that have that attribute value.
It works on Codepen in Debug mode, which is not using an iframe (Change View > Debug mode).
Edit: I filed another bug report to Codepen. I’m pretty sure this issue is the same as we have with localStorage and the test script (thread link).