iframe - 将 YouTube iframe 添加到 iOS 上的 Cordova 应用程序

Question

我正在使用 Cordova 3.0 并试图在我的新闻应用的文章中嵌入 YouTube 视频。 YouTube 代码如下所示:

<iframe width="600" height="450" src="//www.youtube.com/embed/_OBlgSz8sSM" frameborder="0" allowfullscreen></iframe>

在当前的形式中，代码除了在 DOM 中留下一个大而宽的白色方 block 之外什么都不做。当我注入(inject)字母 http:使它看起来像这样:

<iframe width="600" height="450" src="http://www.youtube.com/embed/_OBlgSz8sSM" frameborder="0" allowfullscreen></iframe>

然后应用程序自动退出并转到浏览器。我怎样才能让 iframe 表现得像一个小窗口一样。我关注了 the steps在这个问题中提到并尝试摆弄 <preference name="stay-in-webview" value="false" /> config.xml 文件中的行。

Answer 1

这是你想要的
Force HTML5 youtube video

<iframe src="http://www.youtube.com/embed/_OBlgSz8sSM?html5=1"></iframe>

或许

Show Youtube video source into HTML5 video tag?

第 1 步:将 &html5=True 添加到您最喜欢的 youtube 网址

第 2 步:在源代码中查找标签

第 3 步:将 controls="controls"添加到视频标签:

<video controls="controls" 
       class="video-stream" 
       x-webkit-airplay="allow" 
       data-youtube-id="N9oxmRT2YWw" 
       src="http://v20.lscache8.c.youtube.com/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Cratebypass%2Coc%3AU0hPRVRMVV9FSkNOOV9MRllD&amp;itag=43&amp;ipbits=0&amp;signature=D2BCBE2F115E68C5FF97673F1D797F3C3E3BFB99.59252109C7D2B995A8D51A461FF9A6264879948E&amp;sver=3&amp;ratebypass=yes&amp;expire=1300417200&amp;key=yt1&amp;ip=0.0.0.0&amp;id=37da319914f6616c"></video>

更多科幻帖子:
YouTube video in HTML5
Force HTML5 youtube video