2013-03-17 2 views
0

я создал небольшой сайт, который включает в себя видео с этим кодом:iPhone играет внедренное видео в полноэкранном режиме

<video autoplay="autoplay"> 
     <source src="inc/WEB_MASTER.mp4" type="video/mp4"> 
     <source src="inc/WEB_MASTER_ios.m4v" type="video/mp4"> 
     Your browser does not support the video tag. 
    </video> 

Когда я загрузить страницу с помощью моего iPhone видео начинает играть, но он не играет его в той части, веб-сайта, вместо этого iphone воспроизводит видео в полноэкранном режиме. Как я могу заставить iphone воспроизводить видео в соответствующей области на веб-сайте?

Спасибо.

+1

Я думаю, что это не возможно на iPhone/iPod, только на iPads – jcesarmobile

ответ

-2

Ответ на этот вопрос здесь: HTML5 inline video on iPhone vs iPad/Browser

Просто добавьте атрибут WebKit-playsinline к видео тэгом. Работает прошивкой 4.0 и более поздних версий:

<video id="player" width="120" height="60" webkit-playsinline> 

Вот официальная документация webkit-playsinline.

+2

Это работает только в UIWebView в родном приложении iOS, оно не работает внутри iOS Safari. – Soviut

0

iPhone и IPod, кажется, только о единственных устройствах/браузерах, вынуждающих в полноэкранном режиме воспроизведения видео в Safari (и в приложениях, которые используют его неизмененный WebView)

Вы можете обойти эту проблему, имитируя воспроизведение, skimming видео, а не фактически .play() 'ing это.

Я написал модуль, который заботится о воспроизведении видео инлайн и синхронизации его с аудио (но он также работает на видео без звуковой дорожки): iphone-inline-video

Смежные вопросы