Как заставить встроенное воспроизведение мультимедиа в китайских браузерах WeChat и Tencent - PullRequest
Новая
       12

Как заставить встроенное воспроизведение мультимедиа в китайских браузерах WeChat и Tencent

0 голосов
/ 25 июня 2018

Мы разработали веб-сайт / интерактивное приложение, которое воспроизводит встроенное видео, оно отлично работает на iOS, Android (Chrome), Phonegap и при просмотре в WeChat в Великобритании.

Однако при открытии в WeChat в Китае или в браузере Tencent X5 видео запускается в полноэкранном проигрывателе, и в конце видео пользователю показываются другие «связанные» клипы.

Есть ли способ отключить это поведение? Через что-то вроде пользовательского метатега или атрибута и т. Д.?

Базового примера ниже достаточно, чтобы увидеть проблему при тестировании в браузере, таком как Chrome, по сравнению с чем-то вроде https://play.google.com/store/apps/details?id=com.tencent.mtt

<video autoplay webkit-playsinline playsinline style="width: 500px">
    <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4">
</video>

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

1 Ответ

0 голосов
/ 25 июня 2018

Из документации Tencent Browser здесь: https://x5.tencent.com/tbs/guide/video.html, вы можете использовать атрибут x5-video-player-type="h5" в элементе видео, чтобы предотвратить поведение по умолчанию (нестандартное) при просмотре в приложениях, которые используют этот WebView, например, WeChat.Пример: 

<video x5-video-player-type="h5" autoplay webkit-playsinline playsinline style="width: 500px">
    <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4">
</video>

Есть также некоторые другие атрибуты, которые используются для управления поведением, такие как x5-video-player-fullscreen="true".Из (переведенных) документов:

Если вы не объявите это свойство, страница получит область видового экрана в качестве исходного размера видового экрана (до воспроизведения видео).Например, в WeChat будет заголовок резидента.Если вы не объявите это свойство, высота строки заголовка не будет указана.

...