Firebase database url change


I am trying to embed a youtube video on my app using the url in the firebase database. However, when I input my data in the database it changes the url and causes security frame errors.

the iframe html.
<iframe width="100%" height="100%" [src]="getSantizeUrl(" frameborder="0" allowfullscreen></iframe>


{title:"title", video:""}
Once I click ENTER in firebase, it then changes to this…

{title:"title", video:""}
As you can see the embed/ changed to watch?v=.

This causes my application to show this error. Refused to display '' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

Is there a way to stop firebase changing the url. Or is there an alternative for me to display videos on my app without getting that error?

Many thanks


Hmm, not really much and an ionic specific question huh.
Might have better luck either asking on SO and tagging the question as firebase or youtube related.


Yeah, I have added a the same question on stackoverflow. Just thought someone might have an answer here, if not over there.