Rich-text Reply

Shadow box with youtube iframe CORS error

BrianLee 05-16-16

Shadow box with youtube iframe CORS error

I am creating a simple test to track the clicks on two buttons (my test is which message gets me the most clicks). One button is just a basic url link and the second has a shadow box that opens when you click and plays an embedded video. Both of these functionalites work on the my Orginal. When I load the Variation, the shadow box will open but the video doesn't load and I have the error "Cross-Origin Request Blocked:...".  I doubled checked my test url and that is set to https. 

 

Has anyone experienced this issue - if so can you direct me to a solution. I was looking at tracking an iframe but that is not really what I am doing but didn't know if this really is the solution. 

 

I am also on a Drupal site so didn't know if that also was a possible reason.

 

Level 1

Re: Shadow box with youtube iframe CORS error

Hi there,

If you look at your edit code box within the experiment (lower right hand corner), are you seeing any code generated that uses the .replaceWith() method? Is there a large chunk of code there?

Sometimes if you choose the wrong container within the Optimizely editor, you can replace whole chunks of code (unnecessarily), and can inadvertently break the interactive functionality, even if you visually only made a minor change to the UI.

See this article.
https://help.optimizely.com/QA_and_Troubleshoot/Troubleshooting%3A_Your_Optimizely_variation_is_rend...

Best,
Amy
Amy Herbertson
Customer Success

Re: Shadow box with youtube iframe CORS error

Also --

If that doesn't work, feel free to direct message me your experiment ID and I can have a closer look at what's happening.
Amy Herbertson
Customer Success