Este equipo de expertos despúes de días de trabajo y recopilar de información, obtuvimos la respuesta, deseamos que todo este artículo sea de gran utilidad para tu plan.
Solución:
Esto funciona, se agrega autoplay=1
a la URL que hace que el video comience a reproducirse.
apéndice: si la fuente de su video aún no tiene una cadena de consulta, sería prudente agregar una ?
en lugar de un &
, como suele ser el caso. Esto se puede hacer buscando su existencia.
Play video
Sin embargo, la mayoría de las personas entienden inherentemente que si quieren que se reproduzca un video, simplemente harán clic en él y sugeriría que se lo dejen a ellos o comiencen el video con la reproducción automática.
También es necesario mencionar que la reproducción automática no funciona en dispositivos móviles (con Android o iOS)
Configuré correctamente end src – ?autoplay=1
Play button
Aquí hay otro ejemplo. Mira esto aquí: https://codepen.io/rearmustak/pen/VXXOBr
const Player = document.getElementById('player2');
const PlayBtn = document.getElementById('play');
const stopBtn = document.getElementById('stop');
let times = 0, playY;
const playVideo = PlayBtn.addEventListener( 'click' , () =>
if(times == 0)
playY = Player.src += '?autoplay=1';
times = 1;
);
stopBtn.addEventListener( 'click' , () =>
playY = playY.slice(0, -11);
Player.src = playY
times = 0;
);
.video-frame
overflow: hidden;
margin-bottom: 10px;
button
border: none;
background-color: #e75252;
color: #ffffff;
padding: 10px 15px;
border-radius: 3px;
cursor: pointer;
button:focus
outline: 0;
#stop
background-color: #ff0002;
Youtube video Play/Stop
Comentarios y calificaciones
Si te animas, tienes la libertad de dejar un enunciado acerca de qué le añadirías a esta crónica.