При воспроизведении видео под телефонами WeChat в iOS и Android вы столкнетесь с множеством проблем. И, если видео не является Tencent Video, воспроизведение будет воспроизведено.
Решение: добавьте несколько атрибутов в видео и позвоните в нативное видео H5.<Видео ID = Videoall Src = Video/01.mp4 Poster = Images/1.jpg/*视频封面*/preload = auto webkit-playsinline = true/*这个属性是 ios 10 中设置可以让视频在小窗内播放, То есть это полноэкранное воспроизведение* / playsinline = true /* ios WeChat Browser поддерживает воспроизведение небольшого окна* / x -webkit-airplay = разрешить x5-vide-player-type = h5 /* H5 Player, который WeChat Android. Значение-это вертикальный экран*/ style = object-fils: fill> </ video>Poster = Images/1.JPG: изображение отображается, когда атрибут определяет загрузку видео, или изображение, отображаемое перед пользователем, нажмите кнопку воспроизведения. Если этот атрибут не установлен, вместо этого используйте первый кадр видео. PreLoad = Auto: атрибут указывает видео после загрузки страницы. Webkit-PlaySinline и PlaySinline: локальное воспроизведение во время воспроизведения видео, не оставляйте поток документов. Но этот атрибут более особенный. Другими словами, если приложение не установлено, этот лейбл не эффективен на вашей странице.
Здесь необходимо добавить. Нужно, потому что полный экран по умолчанию. Но в настоящее время полный экран воспроизводил элемент управления, независимо от того, настроили ли вы, настраиваете ли вы. Живая трансляция живой трансляции может быть использована, но полный экран H5 не нужен, поэтому управление управлением во время полного воспроизведения экрана требует следующих настроек: то же воспроизведение слоя.
X-webkit-airplay = Allion не может знать свою роль точно точно, но Сяобиан предполагает, что этот атрибут должен сделать это видео поддержку функции AirPlay IOS. Использование AirPlay может воспроизводить видео, музыку и фото -файлы непосредственно из разных мест на устройстве iOS. Воспроизведение также поддерживает соответствующие функции. X5-vide-player-type: включить один и тот же проигрыватель H5, то есть, когда полный экран видео Div может быть представлен на видео-слое, который также является уникальным атрибутом версии WeChat Android. Играть псевдонимов на том же слое также называется воспроизведением воспроизведения. Текущий игрок в том же уровне вступает в силу только на Android (включая WeChat) и пока не поддерживает iOS. Что касается того же воспроизведения слоя только для Android, потому что Android не может быть воспроизведен как ISO, полный экран по умолчанию приведет к блокированию некоторых интерфейсных операций. Тот же слой в это время решает эту проблему. Однако во время теста было обнаружено, что различные версии эффектов ISO и Android были немного разными. X5-video-ponientation: объявляет направление, поддерживаемое игроком, необязательную стоимость ландшафтного горизонтального экрана, вертикальный экран с изображениями. Значение по умолчанию. Как живая трансляция, так и полноэкранная H5, как правило, воспроизводится вертикальные экраны, но этот атрибут требует, чтобы тип x5-vide-player открывал режим H5 X5-vide-player-fullscreen: полноэкранные настройки. Он имеет два других значения атрибутов: Ture и False, True поддерживает полное воспроизведение, False не поддерживает полное воспроизведение.Фактически, браузер ISO WeChat является ядром Chrome, и поддерживаются связанные атрибуты, и именно поэтому X5 не поддерживается тем же слоем. Бруузер Android WeChat - это ядро X5.
Есть также проблема.
Решение: добавить объект: заполнить атрибут стиля к видео. Если все еще есть черные края, размер видео является неуместным.<div id = videobox> <video id = videoall src = mp4.mp4 poster = 1.jpg preload = auto webkit-playsinline = true playsinline = true = allow x5-vide-player-type = h5 x5-video-player-fullscreen = True x5-vide-onientation = portrast style = object-fit: fill> </video> <div id = playcontr ()> </div> </div> <div id = videoEnd> <div id = снова onclick = Playcontr ()> </div> </div>
*{Padding: 0; 100%; ; : -40.5px; 2. JPG); <script> var videoall = document.getElementById ('videoall'), videoBox = document.getElementById ('videoBox'), btn = d ('btn'), videoond = document.getelementbyid ('videoEnd'); .docmeentelement.clientWidth; Предоставлено, что FUNTIONAL); .Indexof ('Adr')> -1; Функция терминала iOS PlayContr () {if (isandroid) {videoall.style.width = window.screen. = block; , Function () {videoalll .pause ();Приведенное выше -это решение для воспроизведения HTML5 WeChat, которую я представил вам. Большое спасибо за вашу поддержку на веб -сайте Vevb Wulin!