Раньше я (в iOS 6) мог просто “рассказать” игроку YouTube, какую ширину и высоту он должен растянуть и не проблема.
Этот код работал раньше в iOS 6, но теперь в iOS 7 он вообще не работает.
Но теперь мне нужно добавить MUCH (3x) более высокие значения по высоте и ширине, чем экран сам, но это, конечно, не решение, потому что размер устройств меняется.
Это код, который запускается при нажатии кнопки
HTML, созданный из этого, следующий
body
Если я затем удвою (размер экрана!) До 640px и 960px, ширина и высота попадут в HTML !?
Кто-нибудь знает, что произошло либо с API-интерфейсом YouTube, либо с браузером Safari в iOS 7?
Это моя текущая реализация:
let webView = UIWebView(. ) // get the ID of the video you want to play let videoID = «zN-GGeNPQEg» // https://www.youtube.com/watch?v=zN-GGeNPQEg // Replace the height and width of the player here to match your UIWebView frame rect let embededHTML = «function onYouTubeIframeAPIReady()>)>function onPlayerReady(a) » // Load your webView with the HTML we just set up webView.loadHTMLString(embededHTML, baseURL: NSBundle.mainBundle().bundleURL)
Это внутри UIViewController и я просматриваю рамку представления контроллера view как ширину и высоту проигрывателя. Вы должны изменить размер своего игрока соответственно.
Я использую html youtube игроков несколько чаще из UIWebView и использую этот код.
Где он говорит width=»240″ height=»150 – размер эскиза. Фактический размер видео по умолчанию соответствует всему экрану. Это безупречно работает для видео youtube, но любое другое видео (vimeo и т.д.) Вы должны принять type=»application/x-shockwave-flash» . Надеюсь, это поможет.
var tag = document.createElement(‘script’); tag.src = «http://www.youtube.com/player_api»; var firstScriptTag = document.getElementsByTagName(‘script’)[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTubePlayerAPIReady() < player = new YT.Player(‘player’, < width: ‘480’, height: ‘280’, videoId: ‘rynvewVe21Y’, events: < ‘onReady’: onPlayerReady>>); > function onPlayerReady(event)
Попробуйте использовать этот скрипт, где вы можете изменить высоту и ширину в соответствии с вашим требованием.
Некоторая пища для размышлений – Есть некоторые изменения в YouTubes iFrame Api см. Https://developers.google.com/youtube/iframe_api_reference, в частности с июля 2012 года,
player_api устарел и заменен iFrame_api.
tag.src = «http://www.youtube.com/player_api»;
tag.src = «https://www.youtube.com/iframe_api»;
function onYouTubePlayerAPIReady()
function onYouTubeIframeAPIReady()
Он указывает, что оба они будут поддерживаться в течение некоторого времени, что заставляет меня подозревать, что некоторые из параметров, которые вы использовали, могут быть недоступны в старом API и, возможно, вызывать проблемы, –
playerVars: относительно новые около 2014 года через 2 года после устаревания старого API.
Отказ от ответственности: первая версия моего приложения оснащена встроенным проигрывателем YouTube, однако с IOS 6.0 я обнаружил m.youtube.com, и я нашел элементы управления немного лучше, чем то, что я кодировал, и с тех пор я придерживаюсь этого. Следовательно, я не могу это проверить, но я считаю, что стоит попробовать в вашем случае.
Ниже приведена отрывок документации для вашего использования:
Это обновление содержит следующие изменения:
Раздел “Требования” обновлен, чтобы указать, что любая веб-страница с использованием IFrame API также должна реализовывать функцию onYouTubeIframeAPIReady. Ранее в разделе указывалось, что требуемая функция была названа onYouTubePlayerAPIReady. Для использования нового имени также были обновлены образцы кода в документе.
Примечание. Чтобы гарантировать, что это изменение не нарушит существующие реализации, оба имени будут работать. Если по какой-то причине ваша страница имеет функцию onYouTubeIframeAPIReady и функцию onYouTubePlayerAPIReady, будут вызываться обе функции, и сначала будет вызываться функция onYouTubeIframeAPIReady.
Ширина окна просмотра по умолчанию для UIWebView – 980. Установите scalesPageToFit: YES в вашем UIWebView.
Источник: techarks.ru
Настройки встраивания YouTube видео. Расширенные настройки для эффективного встраивания
Во времена, когда широкополосным интернетом могли похвастаться только обеспеченные пользователи и жители крупных городов, информация в интернете была в основном в текстовом виде. Даже картинки сжимались всевозможными протоколами для экономии драгоценных байт. Но теперь, когда скоростной интернет доступен даже на мобильных телефонах, многие авторы считают, что гораздо проще показать на видео, например, как разобрать гаджет или приготовить торт, чем объяснять то же самое на словах.
Общепринятой платформой для публикации видео давно стал YouTube от Google, как обладающий практически неограниченными техническими возможностями, шириной канала и удобным интерфейсом управления настройками видео и плей-листами.
Но что, если видео нужно вставить непрерывным звуковым сопровождением (скрыть от пользователя кнопки управления воспроизведением) или, к примеру, хочется избавиться от логотипа YouTube поверх видео?
Для этого у YouTube предусмотрено несколько дополнительных опций, не предлагаемых в базовом интерфейсе встраивания видео, но при этом несомненно полезных.
Стандартный код для встраивания
Если ваше видео уже опубликовано, просто щелкните по нему правой клавишей и выберите «Copy embed code», и нужный код окажется в буфере обмена:
Базовые настройки встраивания видео
Список настроек приводится на странице с описанием API Youtube на developers.google.com. Рассмотрим основные и наиболее полезные кратко с примерами.
Autoplay — автоматический запуск при загрузке страницы
Этой опцией, пожалуй, не стоит злоупотреблять. Пользователи не любят, когда сразу после загрузки страница начинает издавать звуки. Однако, в некоторых случаях это может быть полезно. По умолчанию параметр «autoplay» равен 0 (выключен). Чтоб его включить, добавим в конце URL вопросительный знак и запись «autoplay=1»:
Получаем видео, которое включается сразу при загрузке страницы.
Управление воспроизведением: Play, Pause и звук
Опция «controls» позволяет спрятать от пользователя кнопки управления воспроизведением (в том числе временную шкалу). Чтобы добавить эту опцию к предыдущей, допишите в конце URL символ «» и «showinfo=0».
Как только вы выключите верхнюю панель, YouTube автоматом добавит свой логотип в нижний правый угол.
Логотип YouTube поверх видео
Опция «modestbranding» позволяет частично избавиться от показа того, что видео загружено на YouTube. При значении 1 логотип YouTube не будет отображаться на панели управления. Небольшая текстовая метка YouTube будет отображаться в углу при наведении курсора на проигрыватель во время паузы.
Похожие видео
Для популярных видео YouTube в конце просмотра может добавить «Похожие». Совсем непрактично, если вы встраиваете видео-обзор вашего товара, а YouTube предложит пользователю обзоры конкурентов. Чтобы после окончания просмотра плеер просто останавливался и не показывал похожие видео, добавим символ «https://code-inside.com/ru/nastroyki-vstraivaniya-youtube-video-rasshirennyie-nastroyki-dlya-effektivnogo-vstraivaniya/?unapproved=18197 target=»_blank»]code-inside.com[/mask_link]
Вывод видео блока, используя форматтер модуля media_youtube
Ситуация, когда вы используете поле типа «Multimedia asset», создаваемое модулями media + media_youtube, и сохранили там ссылку на какое то видео с Youtube хостинга. Как теперь программно отформатировать вывод этого поля в виде блока видео или блока картинки?
Как хранится информация о youtube видео?
Информация сохраняется в таблице file_managed, но, естественно, само видео не выкачивается в файловую систему вашего сайта.
Протокол в поле uri и filemime позволяют программе однозначно определить источник данных. Также в uri мы видим id ролика. В принципе, можно и самостоятельно собрать виджет для показа ролика с ютуба, обладая этими данными.
Но мы воспользуемся готовыми форматтерами модуля media_youtube.
Вывод в формате видео-ролика
Процесс не сложный, требуется подключить файл с форматтерами и вызвать правильно функцию.
//подключим файл с функциями-форматтерами модуля media_youtube
module_load_include ( ‘inc’ , ‘media_youtube’ , ‘/includes/media_youtube.formatters.inc’ ) ;
//форматтеру требуется 3 параметра — информация о файле, настройки вывода и код языка
//1. загрузим информацию о медиа-файле, например по ID
$ file = file_load ( $ media [ ‘fid’ ] ) ;
//2. укажем некоторые настройки
$ display [ ‘settings’ ] = array ( ‘width’ = > ‘100%’ , ‘height’ = > 320 ) ;
//3. код языка
$ lang = LANGUAGE_NONE ;
//все данные готовы
//создаём элемент для рендеринга с помощью форматтера
$ video_render_array = media_youtube_file_formatter_video_view ( $ file , $ display , $ lang ) ;
//вывод видео ролика
print render ( $ video_render_array ) ;
Настроек отображения гораздо больше, чем в примере. Вот полный перечень, который анализируется в плагине, и комментарии:
Эти параметры коррелируют с доками IFrame Player API от Гугл:
- ‘width’ — ширина ролика, задаётся как в виде процентов — «50%», так и в виде числа точек -«320».
- ‘height’ — высота ролика
- ‘autohide’ — Управляет отображением элементов управления роликом во время воспроизведения. Может принимать три значения:
- По умолчанию (autohide=2) индикатор воспроизведения видео постепенно исчезает, а элементы управления (воспроизведение, регулировка громкости и т. д.) остаются видимыми.
- autohide=1 : индикатор воспроизведения видео и элементы управления скрываются после начала воспроизведения видео. Они появляются, только если пользователь наводит курсор на проигрыватель или нажимает клавишу на клавиатуре.
- autohide=0 : индикатор воспроизведения видео и элементы управления будут видны на протяжении воспроизведения всего видео и в полноэкранном режиме.
А эти распознаются плагином, но не понятно за что отвечают :), можете поэкспериментировать.
- ‘protocol’
- ‘protocol_specify’
- ‘rel’
- ‘theme’
- ‘captions’
Вывод в формате изображения
Видосы можно выводить в виде картинки (берется thumbnail с youtube, который кешируется на сервере среди медиа-файлов сайта). Для вывода используется другой форматтер, но процесс аналогичен выводу видео, отличаются лишь настройки display.
Источник: shra.ru