Скрыть кнопку воспроизведения видео для iPhone HTML5

Я хочу скрыть большую кнопку воспроизведения, которая появляется по умолчанию в элементе

Является ли это возможным?

Кажется, Apple снова изменила теневое пространство.

Чтобы скрыть кнопку кнопки воспроизведения, вы должны использовать следующий CSS:

 /* This used to work for the parent element of button divs */ /* But it does not work with newer browsers, the below doesn't hide the play button parent div */ *::-webkit-media-controls-panel { display: none!important; -webkit-appearance: none; } /* Old shadow dom for play button */ *::-webkit-media-controls-play-button { display: none!important; -webkit-appearance: none; } /* New shadow dom for play button */ /* This one works! */ *::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } 

У меня нет устройства iOS для тестирования, но, возможно, попробуйте это:

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

Взгляд на теневую DOM в Safari iOS говорит мне, что то, что вы хотите (только для центральной центральной кнопки воспроизведения):

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

Ответ от Ян скрывает все, включая текстовые треки (закрытые титры …)

В исходном видео-файле вы можете просто изменить

 controls= "false" 

Для CSS Safari, который является родным браузером на ios, вы также можете попробовать этот хакерский трюк

 .custom-video-controls { z-index: 2147483647; } 

Вот ссылка на подробное обсуждение управления / скрытия элементов управления видео HTML 5

http://css-tricks.com/custom-controls-in-html5-video-full-screen/

Вы не можете удалить кнопку воспроизведения. Этот видеозаполнитель всегда появляется, как сообщает doc: iPhone Video PlaceHolder . Но, может быть, вы обнаружите, что находитесь на iphone и отображаете изображение со ссылкой на свое видео, а не видеотег.

  

Видео будет запущено в плеер, как видео-тег.

Для webapps. Работает с iOS 10.3 iPhone7 и Safari 10.1 на Mac. Thx для предыдущих участников. У меня также возникла проблема, что элемент вообще не содержит атрибута «control».

 '' 

Основываясь на ответе Иана

 video::-webkit-media-controls { opacity: 0; } 

Это скроет все элементы управления. Хорошо для фоновых видео, которые не будут автоматически запускаться.

Сегодня @ 2017 в iOS 10 это работает:

 .video-background::-webkit-media-controls-panel, .video-background::-webkit-media-controls-start-playback-button { display: none !important; } систему .video-background::-webkit-media-controls-panel, .video-background::-webkit-media-controls-start-playback-button { display: none !important; } 
 video::-webkit-media-controls { display:none !important; } 

Не работает для меня на iOS, но

 *::-webkit-media-controls-panel { display: none!important; -webkit-appearance: none; } /* Old shadow dom for play button */ *::--webkit-media-controls-play-button { display: none!important; -webkit-appearance: none; } /* New shadow dom for play button */ /* This one works */ *::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } 

Отлично работает!

Попробуй это:

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

Да, ты можешь это сделать! Хитрость заключается в том, чтобы «скрыть» элементы управления видео, не добавляя атрибут «controls» к вашему тегу видео. Затем вы можете динамически добавить его через несколько секунд после начала воспроизведения видео, добавив свойство «controls» в тег, используя Javascript. Просто установите значение «controls», и оно будет динамически отображаться в DOM … как если бы вы добавили элементы управления в HTML-тег вашего видео. При необходимости отрегулируйте таймер.

  Start the Video  
  • На iPhone: узнать, какая песня сейчас играет? (в музыкальном проигрывателе iPod)
  • iPhone: как передавать данные между несколькими Viewcontrollers в приложении Tabbar
  • канонический способ рандомизации NSArray в Objective C
  • UISegmentedControl выбран цвет сегмента
  • UIScrollView Бесконечная прокрутка
  • Как декодировать поле полилиний API Google Directions в длинные точки lat в объективе C для iPhone?
  • Получение списка файлов в каталоге с глобусом
  • Предел localstorage на iPhone?
  • Как узнать модуль и показатель открытого ключа RSA на iPhone / objective C
  • Xcode без раскадровки и ARC
  • Как нарисовать границу вокруг UILabel?
  • Давайте будем гением компьютера.