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.
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.
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.