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

标签 iframe cordova youtube

我正在使用 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 文件中的行。

最佳答案

这是你想要的
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

关于iframe - 将 YouTube iframe 添加到 iOS 上的 Cordova 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21800016/

相关文章:

android - PhoneGap 3.3.0 又名 Cordova 与 PhoneGap 3.2.0

angularjs - Uncaught ReferenceError : ytcfg is not defined even though I won't use that as I am using yt player

Javascript - Cordova 应用程序中带有 facebook 插件的 Facebook 消息 - 方法 : "send"

html - 如何使 iFrame 在 iPhone 6 中响应?

html - 带有 div 不透明度的菜单消失在 bbci iframe 视频后面

php - 将 OAuth 或公钥 API 用于私有(private) YouTube 应用程序?

json - YouTube v3 API : List Channel's Videos -- Unauthenticated?

objective-c - 如何使用 json-c 格式将视频上传到 youtube?

javascript - 如何缩放 iframe 中的内容以适合我的页面大小

iframe - 在 ionic 2 应用程序中使用 iframe 播放 YouTube 视频