2016-09-14 8 views
0

Я использую PhoneGap с очень простой целевой страницей:PhoneGap IOS HTML5 видео плеера открывает

<div> 
    <video playsinline autoplay muted loop id='bgvid'> 
     <source src='vid/localvid.mp4' type='video/mp4'> 
    </video> 
</div> 

Цель состоит в том, чтобы иметь видео в фоновом режиме, с некоторым содержанием накладываемого сверху. Видео действительно начинает воспроизводиться, но на iOS он запускает собственный полноэкранный видеопроигрыватель, а не играет его в самом div.

Любая идея, как сохранить его от запуска родного видеопроигрывателя?

Спасибо!

ответ

1

Это на самом деле занимает две вещи, и он работает на iPhone:

Добавить это config.xml <preference name="AllowInlineMediaPlayback" value="true" />

И в HTML вы должны включить webkit-playsinline

<video webkit-playsinline playsinline autoplay muted loop><source src='vid/vid.mp4' type='video/mp4'></video>

2

Где-то в файле конфигурации, вам необходимо добавить эту конфигурацию, чтобы играть встроенный

<preference name="AllowInlineMediaPlayback" value="true" /> 

в iPhone всегда будет играть в полноэкранном режиме, но в IPad и больших устройств он будет играть внутри родительского элемента DIV.

Выше конфигураций работает над сердечно-ионным проектом, я думаю, что это тот же самый телефонный зазор.