Question

我正在尝试在phonegap构建应用中嵌入YouTube视频。

我有一个页面显示视频的标题和说明，下面是视频的嵌入。

在我的浏览器上它运行良好，但在我的设备上它并没有显示所有视频。它在那里，只是没有看到任何东西（不是黑屏）。

我正在使用以下代码嵌入它：

<div class="video_embed">
    <object width="560" height="315">
        <param name="movie" value="http://www.youtube.com/v/**********?rel=0&controls=0&showinfo=0"></param>
        <param name="allowFullScreen" value="true"></param>
        <param name="allowscriptaccess" value="always"></param>
        <embed src="http://www.youtube.com/v/**********?rel=0&controls=0&showinfo=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
    </object>
</div>

星号（*）代表视频ID。

请记住 - 我只使用phonegap构建，而不是CLI而不是Cordova。我没有PhoneGap.plist文件。

奖金问题 - 如何在加载后使用jQuery更改嵌入对象以适应我的设备屏幕？

Answer 1

我最终弄明白了（包括红利问题......）

首先将此添加到页面的头部：

<meta name="viewport" content="width=device-width, user-scalable=no">

然后使用YouTube中的以下iFrame来插入视频：

<iframe width="100%" height="215" src="http://www.youtube.com/embed/**********?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

用您的视频代码替换星号（*）。

将iFrame宽度设置为100％非常重要，否则会影响整个页面。

完美无缺。

唯一的问题是设置iFrame高度，但下次必须计算出来。

Answer 2

尝试将此功能参数feature = player_embedded添加到iframe网址。

就像这样：

<iframe width="640" height="360" src="http://www.youtube.com/embed/*********?feature=player_embedded" frameborder="0" allowfullscreen></iframe>

phonegap build嵌入youtube视频

2 个答案: