YouTube видео в приложении iphone phonegap - PullRequest
2 голосов
/ 28 сентября 2011

Извините, что снова возвращаюсь к этой теме, но я очень расстроен !!Я прочитал каждый ресурс, который нашел, гуглял по сети, но не смог найти окончательного ответа на мою проблему.

Описание проблемы
I 'я создаю приложение для iphone с phonegap 1.0.В этом приложении одна вкладка посвящена RSS-каналу с моего канала YouTube, и я хочу, чтобы мои пользователи могли воспроизводить эти видео после нажатия на конкретную запись.Вопрос: возможно ли это?Лучшим решением было бы воспроизвести видео внутри приложения, но отображение миниатюрного изображения и перенаправление пользователя на собственное приложение YouTube также допустимо (хотя в этом случае я хочу вернуть элемент управления к исходному приложению, когда YouTube заканчивает воспроизведение видео.).

Пробные решения
Поиск в Интернете Я нашел несколько решений, и люди говорят, что эти решения работают для них, но ни одно из них не работает для меня!

  • используйте тег "object", я получаю белый экран

    <object id="video" width="296" height="100%" data="http://www.youtube.com/v/gDjb9RVMF4c" type="application/x-shockwave-flash">
        <param name="allowfullscreen" value="true" />
        <param name="src" value="http://www.youtube.com/v/gDjb9RVMF4c" />
    </object>
    
  • , используя тег "embed", я получаю белый экран

    <embed src="http://www.youtube.com/v/gDjb9RVMF4c" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="280" height="100%"></embed>
    
  • Я также попробовал тег "video", но, насколько я понял, это все еще невозможно.

Iмне очень жаль, если я пропустил решение, уже написанное где-то, но поверьте мне ... я сделал домашнее задание, прежде чем спрашивать :-) Thx !!

Ответы [ 4 ]

5 голосов
/ 15 мая 2012

Вот хороший урок, который спас мой день

http://eisabainyo.net/weblog/2012/01/24/embed-a-youtube-video-iframe-in-phonegap-app/

Также я публикую некоторые коды для быстрого доступа.

<html>
    <head>
        <title>YouTube video</title>
        <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <script src="phonegap-1.2.0.js"></script>
    </head>
    <body>

        <iframe width="560" height="315" src="http://www.youtube.com/embed/9HDeEbJyNK8" frameborder="0" allowfullscreen></iframe>

    </body>
</html>

Затем внесите следующие изменения в Phonegap.plist

MediaPlaybackRequiresUserAction: NO
AllowInlineMediaPlayback: YES
OpenAllWhitelistURLsInWebView: YES
ExternalHosts
          *.youtube.com
          *.ytimg.com

Видео будет воспроизводиться на вашем симуляторе.

4 голосов
/ 15 марта 2012

Помимо использования <iframe> ... </iframe> вам также нужно установить свойство OpenAllWhitelistURLsInWebView в YES в вашем PhoneGap.plist. Это будет показывать и воспроизводить видео внутри самого приложения PhoneGap. Испытано и проверено.

3 голосов
/ 28 сентября 2011

Вы можете попробовать встроить видео YouTube в качестве iframe, я думаю, что это рекомендуемый способ сделать это сейчас:

http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html

<iframe src="http://www.youtube.com/embed/VIDEO_ID" class="youtube-player" type="text/html" width="640" height="385"  frameborder="0">
</iframe>
0 голосов
/ 19 апреля 2013

Вот компонент , который я использовал в своем приложении. Совершено с помощью YouTube iFrame API .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...