Скрыть HTML5 <video> кнопка воспроизведения на iOS

У меня есть видео, которое я позиционировал как фон для своего веб-сайта, однако на мобильных устройствах, в частности на устройствах на базе iOS, он показывает кнопку видео в середине, где видео должно играть. Меня не беспокоит видео, воспроизводимое на мобильных телефонах, так как у меня есть резервная копия плаката. Я просто хочу удалить кнопку. Я пробовал следующее, после поиска здесь на SO, без везения:Скрыть HTML5 <video> кнопка воспроизведения на iOS

video { 
    &::-webkit-media-controls { 
     display:none !important; 
    } 

    &::-webkit-media-controls-start-playback-button { 
     display: none!important; 
     -webkit-appearance: none; 
    } 
}

Что-нибудь еще я могу попробовать? Я тестирую на iPhone 6, хотя имею доступ к другим устройствам в браузере.

источник

2016-11-22 wickywills

Я предпочел бы скрыть весь элемент видео на мобильном телефоне, и обслуживать изображение заполнителя отдельно ... – CBroe

Принятый ответ в этой теме работает для меня http://stackoverflow.com/questions/8911247/hide-iphone-html5-video-play-button. Который выглядит так же, как ваше решение. Какую версию iOS вы используете? – Turnip

@Turnip К сожалению, это тоже не работает для меня. Я тестирую все iPhones/iPads, используя Browserstack, а также имея несколько физических устройств (iPad 4, iPhone 7, iPhone 6, iPhone 4S), на которых установлены последние версии iOS – wickywills

Появляется код в моем вопросе DID работы в конце концов, у меня был несвязанным вопрос с кэшированием, который предотвращает некоторые изменения от показа (!)

источник

2016-11-23 11:23:37 wickywills

Просто используйте

<video webkit-playsinline ></video>

источник

2017-07-03 12:42:20

Работает ли это на всех версиях iOS? – Keab42

Скрыть HTML5 <video> кнопка воспроизведения на iOS

ответ

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