videojs - как приостановить видео, скрывая интерфейс? - PullRequest
Новая
       11

videojs - как приостановить видео, скрывая интерфейс?

0 голосов
/ 28 мая 2018

Вопрос. Можно ли приостановить воспроизведение видео, которое воспроизводится автоматически, с помощью проигрывателя video.js, при этом элементы управления видео не отображаются?

Я использую video.js для веб-сайта иполучил видео автозапуска при посещении сайта.

<video id="my-video" class="video-js" controls preload="auto" data-setup='{
    "controls": false,
    "loop": "true",
    "autoplay": true, 
    "preload": "true"
    }'>
<source src="vid/gh.mp4" type='video/mp4'>

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

Можно ли щелкнуть видео, чтобы остановить его воспроизведение?

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

Я все еще на довольно базовом уровне, поэтому у меня нетИдея, возможно ли это вообще или нет - но мне очень любопытно услышать, есть ли способ сделать это!

Большое спасибо

1 Ответ

0 голосов
/ 28 мая 2018

Вы можете попробовать это: 

<video width="320" height="240"  onclick="this.pause()" autoplay>
  <source src="{{asset('video/media_.mp4')}}" type="video/mp4">
Your browser does not support the video tag.
</video>

Это приостановит ваше видео, нажав на видео.Но если вы хотите воспроизвести видео снова, вам нужно использовать следующую строку вместо onclick: 

  onclick="this.paused ? this.play() : this.pause();"
...