HTML видео плеер время, чтобы скрыть элементы управления

Question

Я пытаюсь добавить короткое видео (менее 3 секунд) на html-страницу с помощью тега <video>.Есть ли возможность уменьшить время скрытия элементов управления?

Answer 1

Добро пожаловать в StackOverflow!Я надеюсь, что этот код поможет вам.Обязательно измените ширину и высоту в теге <video> в соответствии с вашими потребностями и имейте в виду, что вы должны правильно называть пути к вашим видео в src= и держать их в этих кавычках, чтобы они работали правильно!

Если не включить «элементы управления» в тег <video>, эти элементы управления не должны отображаться.autoplay="autoplay автоматически воспроизводит ваши видео.

HTML

<video width="320" height="240" autoplay="autoplay">
  <source src="yourpathherepath/videofilename.mp4" type="video/mp4" />
  <source src="yourpathherepath/videofilename.ogg" type="video/ogg" />
  Sorry! Your browser isn't compatible with the Videos on our website!
</video>

CSS

Здесь я поместил немного CSSпоэтому пользователь даже не может щелкать видео, чтобы контролировать его.Вы можете поэкспериментировать с этим и посмотреть, хотите ли вы его использовать!

video{
  pointer-events: none; /* Disable any user interaction at all */
}

Желаем удачи, и в будущем лучше использовать такие сайты, как codepen.io , чтобы опробовать ваш коди тогда люди смогут увидеть живую демонстрацию и помочь вам найти решение!

Answer 2

Вы пытаетесь полностью скрыть элементы управления?

Если вы опустите атрибут «controls» в теге video, он не будет отображаться на видео, попробуйте удалить его здесь: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_video_controls

Если вы хотите сохранить элементы управления, я бы добавил несколько пользовательских кнопок / ссылок и использовал бы JS для переключения воспроизведения / паузы.Не уверен, что это то, что вам нужно, не могли бы вы быть более конкретным?: -)