Определить первое взаимодействие пользователя с документом

Question

Я пытаюсь реализовать PWA с функцией истории, похожей на Instagram, Snapchat, Facebook и co. После открытия приложения оно должно сразу начать воспроизведение видео. Я должен сделать это, используя чистый javascript. Концептуально это выглядит так:

let video = document.getElementById("story");
video.play();

При первой загрузке страницы chrome выдает ошибку и заявляет, что автовоспроизведение отключено до любого взаимодействия с пользователем (что имеет смысл).

Как я могу обнаружить это первое взаимодействие с пользователем ? Должен ли я слушать каждое возможное событие или есть более простой способ, может быть, иерархия событий?

Answer 1

То, что вы хотите, может быть https://developer.mozilla.org/en-US/docs/Web/API/Element/mousemove_event. Просмотр примеров этого онлайн поможет.