How to implement YouTube video iframe...

Question

Hello there,
Maybe this topic is like others in this forum, but... i will give you my point, answer and question...
Well... example:
1. In our empty application project lets put in default.html:
<iframe width="500" height="412" src="https://www.youtube.com/embed/tDBSa5TMX2Y?html5=1" frameborder="0" allowfullscreen></iframe>
2. In package.appmanifest lets add in Content URIs this lines:
https://*.youtube.com
(https://*.soundcloud.com  - if you use soundcloud iframe)
welll. If you make this- try- you will find that youtube video was loaded in html5 (or soundcloud).
The problem is only in youtube video- when i click play- nothings happened. Is there something else? Why cant play Youtube video? If i try with soundcloud- everything is ok and works perfect.
Can you give me some ideas how to youtube play?
(sorry for my english)

Answer 1

Lets give a summary - what you will do to put youtube clip in your app (windows 8.1):
First way is with webview controller- just put in code:
<x-ms-webview src="https://www.youtube.com/embed/tDBSa5TMX2Y?html5=1"></x-ms-webview>
Second way is with iframe... when content come from ajax or some api. To do this, your youtube embed code must contain param html5=1. Steps are:
1. In package app manifest (package.appxmanifest) you must add Content URIs like :
https://*.youtube.com and include it. If you use SoundCloud iframe- add another line with
https://*.soundcloud.com
2. Just add line with iframe :
<iframe width="500" height="412" src="https://www.youtube.com/embed/tDBSa5TMX2Y?html5=1" frameborder="0" allowfullscreen></iframe>
And thats it. If content comes from ajax (API)- you must "escape" it ... something like this:
MSApp.execUnsafeLocalFunction(function () {
element.html('<iframe src="youtube"... etc');
That it is.
I have some issue with my old apps - youtube iframe and elements comes but after click play - nothings happened. In this case- just create new blank app and try it. Video will play :)
Sorry for my english and good luck!