Автозапуск элемента <video>с использованием JavaScript

Question

В моем html настроено несколько элементов с включенной опцией автозапуска. Я обнаружил, что Chrome, по какой-то причине, не очень хочет автоматически воспроизводить эти видео. Я хотел бы добавить немного javascript для настройки воспроизведения видео после его загрузки. Я понимаю, что мне нужно использовать метод play () для рассматриваемого элемента DOM.

Я использую:

  document.getElementsByTagName('video').play();

Этот код успешно воспроизводит мои видео элементы. Тем не менее, он также выдает ошибку, обнаруженную в консоли, как

Uncaught TypeError: У объекта # нет метода 'play'

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

Спасибо!

Answer 1

Это потому, что getElementsByTagName возвращает массив элементов, поэтому вы можете указать, какой элемент в этом массиве вы хотите.

 document.getElementsByTagName('video')[0].play();

Возможно, лучше повлиять на идентификатор элемента <video>, затем вы можете получить его, используя getElementById(id).