Anteriormente estaba siguiendo un tutorial sobre cómo crear un reproductor de video HTML personalizado. Es bastante básico, pero ese tutorial introdujo algún tipo de abreviatura en javascript para acceder al elemento de video. Solo curiosidad al respecto.
Así que digamos, este es mi elemento de video:
<video class="viewer" src="652333414.mp4"></video>
Así es como obtengo el elemento y tengo una función para cambiar el estado del elemento
const video = document.querySelector(".viewer"); function togglePlay(){ const method = video.paused ? 'play' : 'pause'; video[method](); console.log(video[method]()); }
Entiendo que video.paused
se usa para determinar el estado de reproducción del video. Y la variable de método obtiene el nombre del método (cadena) que queremos ejecutar. Ahora revisa esta línea video[method]();
, tengo curiosidad acerca de esta sintaxis/taquigrafía/método.
Por cierto, devuelve una promesa.