Как показать видео при автовоспроизведении, которое исчезает в конце

Я хотел бы показывать видео, как только кто-то заходит на мой сайт, и в конце этого я хотел бы, чтобы оно исчезло, чтобы можно было отображать только логотип моей компании.

Я попытался использовать простой тег видео, например

  <video width="320" height="240" id="myVideo" autoplay>
   <source src="movie.mp4" type="video/mp4">
   <source src="movie.ogg" type="video/ogg">
   Your browser does not support the video tag.
 </video>

<script type='text/javascript'>
var vid = document.getElementById("myVideo");
vid.onended = function() {
  alert("The video has ended");
};
</script>

Но это работает только в том случае, если видео отключено, а в моем случае этого быть не может. Итак, я попытался использовать тег iframe, например

<iframe id="myVideo" width="1280" height="720" src="https://www.youtube.com/embed/hMPMyMwg9Bc?autoplay=1" allow="autoplay" allowfullscreen></iframe>

Это позволит мне автоматически воспроизводить видео со звуком, но не позволяет поймать конечную точку видео.


javascript html jquery youtube-iframe-api html5-video
person Niccolò Simoni    schedule 15.05.2020    source источник
comment
Отвечает ли это на ваш вопрос? Выполнение функции в конце видео html5   -  person ankitbeniwal    schedule 15.05.2020
comment
Нет, это просто объясняет, как поймать конечную точку видео, но не объясняет, как запустить его в автозапуске и со звуком.   -  person Niccolò Simoni    schedule 16.05.2020

Ответы (1)


arrow_upward
0
arrow_downward

Аудио работает для меня с тегом видео.

Вы можете просто удалить элемент после того, как он закончил воспроизведение.

<script type='text/javascript'>
   var vid = document.getElementById("myVideo");
   vid.onended = function() {
   vid.remove()
};
person roygbiv    schedule 15.05.2020
comment
developers.google.com/web/updates/2017/09/ - person Niccolò Simoni; 16.05.2020
comment
Если вы не взаимодействуете с DOM, он не работает, если не отключен. Проблема в том, что я хотел бы, чтобы он отображался в начале, поэтому без взаимодействия - person Niccolò Simoni; 16.05.2020