Hi
I am getting the following error using the Embedded YouTube component. This is surprising as its a public facing youtube website
https://www.youtube.com/watch?v=7b6_3BL8jNA
Error:
Refused to display ‘https://www.youtube.com/watch?v=7b6_3BL8jNA&feature=youtu.be&modestbranding=1&autoplay=1’ in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’.
Any ideas on how to fix this would be appreciated as it has previously worked with the same video ??
best
Gordon
Hi Gordon,
Do you see this with different browsers?
Also you said it worked before, what changed? Did you update/upgrade Servoy? What version did it work with and which didn’t ?
Also the IFRAME tag has a ‘sandbox’ (HTML5) option, when you use the inspect element option in your browser do you see this ‘sandbox’ option in the IFRAME tag?
ROCLASI:
Do you see this with different browsers?
In Safari and Firefox is fails to nothing showing, however in Chrome you get a grey box with a sad face and on rollover a message Youtube refused to connect.
The error in the console is “Refused to display ‘https://www.youtube.com/watch?v=7b6_3BL8jNA&feature=youtu.be&modestbranding=1&autoplay=1’ in a frame because it set ‘X-Frame-Options’ to ‘sameorigin’.”
ROCLASI:
Also you said it worked before, what changed? Did you update/upgrade Servoy? What version did it work with and which didn’t ?
Before I started the latest version of this project I tested a number of features, video and signature being specifics. These were done on 8.4.0, I am now on 2019.12.1.3543, however I did a small test yesterday and the video also failed on 8.4. As fas as I am aware nothing other than Servoy updates have changed and the basic issue is I cant get this component to work. This may well by my fault, I have followed the wiki instructions and placed a URL into the relevant property, also used a button click event to do the same both have failed with the same message.
ROCLASI:
Also the IFRAME tag has a ‘sandbox’ (HTML5) option, when you use the inspect element option in your browser do you see this ‘sandbox’ option in the IFRAME tag?
I am not seeing “sandbox” !
<iframe ng-if="!svyServoyapi.isInDesigner()" width="426" height="240" ng-class="model.styleClass" sablo-tabseq="model.tabSeq" id="cd1bc507c5e1164d0d4762e4b8e6e538" ng-src="https://youtu.be/7b6_3BL8jNA?modestbranding=1&autoplay=1" allowfullscreen="" class="ng-scope youtubevideoembedder" tabindex="1" src="https://youtu.be/7b6_3BL8jNA?modestbranding=1&autoplay=1"></iframe>
What would be super helpful is to know the component is working for anyone else and what version of Servoy they are on so that I can narrow down the issue.
best
Gordon
It transpires the issue here is the URL provided by YouTube needs to be amended to replace “/watch?v=” with /embed/
This fails for me with the error below:
https://www.youtube.com/watch?v=Y72ZRtiwppo
The error in the console is "Refused to display 'https://www.youtube.com/watch?v=7b6_3BL8jNA&feature=youtu.be&modestbranding=1&autoplay=1' in a frame because it set 'X-Frame-Options' to 'sameorigin'."
The version here works
https://www.youtube.com/embed/Y72ZRtiwppo