Me sale este error por consola al querer poner play <code>Uncaught (in promise) DOMException: play() failed because the user didn&#x27;t ...

Pregunta de la clase:
Inicio del proyecto
Cayo Legal

Cayo Legal

Pregunta
studenthace 3 años

Me sale este error por consola al querer poner play

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD

Mi código:

<script> const video = document.querySelector('.movie') const boton = document.querySelector('button') //realizar config.el nos obliga que al instanciar estemos pasando un objeto, porque estamos diciendole a la //funcion que el media, va a ser igual al elemento de un objeto function MediaPlayer(config) { this.media = config.el } //lo que hacemos aquí, básicamente es que en la funcion madre, estamos declarando que el parámetro del objeto que se pase en las instancias se guardará en el atributo media, y en este caso estamos instanciando con la etiqueta video de HTML que tiene consigo un método para reproducir los vídeos que es el método play MediaPlayer.prototype.play = function(){ this.media.play() } //instanciamos el objeto const player = new MediaPlayer({el: video}) //la etiqueta video tiene APIS que permiten manipular su uso, es decir, tiene métodos consigo. Todos los //elementos HTML tienen consigo APIS que nos permiten configurar su uso, en este caso la API del DOM video, //tiene consigo un método que es play, que permite reproducir el mismo boton.onclick = player.play() </script>

Tengo el mismo código que el profe y no me funciona

1 respuestas
para escribir tu comentario
    Sebastian Duran

    Sebastian Duran

    studenthace un año

    Esto se presenta cómo política de los navegadores para mejorar la experiencia de usuario, evitando todas las reproducciones de video automáticas. Solo permitiendo las que están muteadas.

Curso Profesional de JavaScript

Curso Profesional de JavaScript

Mejora tus habilidades en Javascript. Conoce Typescript y cómo puedes ocuparlo para mejorar el control de tus variables. Comprende conceptos avanzados que te permitan plantear mejores soluciones en tu código. Conoce las APIs del DOM y descubre cómo puedes organizar mejor tu código utilizando patrones de diseño.

Curso Profesional de JavaScript

Curso Profesional de JavaScript

Mejora tus habilidades en Javascript. Conoce Typescript y cómo puedes ocuparlo para mejorar el control de tus variables. Comprende conceptos avanzados que te permitan plantear mejores soluciones en tu código. Conoce las APIs del DOM y descubre cómo puedes organizar mejor tu código utilizando patrones de diseño.