Поведение видеопроигрывателя HTML5 на iPhone и iPod в веб-приложениях Safari
На iPhone и iPod, если видео YouTube встроено в веб-страницу, пользователь может коснуться видео и видео начнется воспроизведение - медиаплеер iOS вставляется, и видео воспроизводится в полноэкранном режиме в альбомной ориентации. После завершения воспроизведения видео медиаплеер iOS выдвигается, открывая веб-страницу, на которой было встроено видео.
Используя тег HTML5 , пользователь может прикоснуться к видео, и видео будет "увеличено" до полного экрана и начнется воспроизведение в любой текущей ориентации устройства. После завершения воспроизведения видео пользователь должен нажать один раз, чтобы открыть элементы управления проигрывателем, а затем нажать «Готово», чтобы вернуться на веб-страницу.
К сожалению, загрузка моих видео на YouTube не является вариантом для этого. приложение, и я не нашел видеопроигрывателя HTML5, который возвращается на веб-сайт после завершения воспроизведения видео. Я бы предпочел, чтобы видеопроигрыватель вел себя так же, как встроенные видео YouTube, или чтобы видео воспроизводилось встроенно. Принуждение встроенного видео возможно в настраиваемом UIWebView , но, к сожалению, это не вариант (поскольку это предназначено для веб-приложения, а не для собственного приложения). Кроме того, свойство webkit-playsinline не работает.
Существуют ли какие-либо видеопроигрыватели HTML5, которые могут воспроизводить поведение встроенного видео YouTube? Мне не хватает очевидных обходных путей для Javascript? Есть ли способ сообщить окну о завершении воспроизведения видео без взаимодействия с пользователем?
РЕДАКТИРОВАТЬ:
Благодаря Яну, эта проблема решена. Ниже приводится рабочий код и список ошибок / примечаний.
scratchpad
Я сделал ошибки:
video> property webkit-playsinline не работает.
Существуют ли какие-либо видеопроигрыватели HTML5, которые могут воспроизвести поведение встроенного видео YouTube? Мне не хватает очевидных обходных путей для Javascript? Есть ли способ сообщить окну о завершении воспроизведения видео без взаимодействия с пользователем?
EDIT:
Благодаря Яну, эта проблема решена. Далее следует рабочий код и список ошибок / примечаний.
scratchpad
Я сделал ошибки:
video> property webkit-playsinline не работает.
Существуют ли какие-либо видеопроигрыватели HTML5, которые могут воспроизвести поведение встроенного видео YouTube? Мне не хватает очевидных обходных путей для Javascript? Есть ли способ сообщить окну о завершении воспроизведения видео без взаимодействия с пользователем?
РЕДАКТИРОВАТЬ:
Благодаря Яну, эта проблема решена. Ниже приводится рабочий код и список ошибок / примечаний.
scratchpad
Я сделал ошибки:
1. Забыл добавить идентификатор в тег .
2. Тестирование для webkitSupportsFullscreen - я никогда не мог заставить это свойство проверить как «истинное». Комментарий в коде в этом сообщении на форуме говорит:
// note: .webkitSupportsFullscreen is false while the video is loading
, но я не смог создать условие, при котором оно возвращало истину.
3. Полностью пропустил это сообщение о переполнении стека .