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

时间:2014-02-15 16:06:17

标签: iframe cordova youtube

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

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

在目前的形式中,除了在DOM中留下一个大的宽白色方块之外,代码什么都不做。当我注入字母http:时,它看起来像这样:

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

然后应用程序自动退出并转到浏览器。我怎样才能让iframe表现得像它应该的那样,作为一个小窗口。我已按照此问题中提及的the steps进行操作,并试图摆弄config.xml文件中的<preference name="stay-in-webview" value="false" />行。

1 个答案:

答案 0 :(得分:0)

这就是你要找的东西 Force HTML5 youtube video

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

或者可能是

Show Youtube video source into HTML5 video tag?

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

第2步:在源中查找标记

第3步:添加控件=&#34;控件&#34;到视频标签:

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

更多SF帖子: YouTube video in HTML5 Force HTML5 youtube video