Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Insertar y configurar video de youtube con javascript

Vamos a a insertar y configurar vídeo de youtube con javascript, el motivo de hacerlo así y no mediante un iframe es por que tiene mucha mas configuración adicional para los vídeos. En el ejemplo podemos ver como insertar un vídeo mediante la api de youtube:
<div id="ytplayer"></div>

<script>

  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  var player;
  function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
	//Parametros del video
	 playerVars: { 'autoplay': 1, 'controls': 1,'autohide':1,'wmode':'opaque' },
      height: '326',
      width: '580',
	  //Id del video
      videoId: 'hrWTk94FzVk',
	  events: {
            'onReady': onPlayerReady}
    });
  }
  
        function onPlayerReady() {
		 //Ajustar volumen
		 player.setVolume(10);

}
</script>
podemos ver todas las funciones en la pagina oficial de la api https://developers.google.com/youtube/iframe_api_reference?hl=es
5
Puntos
0
Resp
449
Visitas
Por alber hace 34 meses
Administrador online

Relaccionados

Para comentar Inicia sesión o Registrate