Saltar al contenido

reproducir video iframe al hacer clic en un enlace javascript

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.

¡Haz clic para puntuar esta entrada!
(Votos: 1 Promedio: 5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *