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
Puntos
1786
Visitas
Visitas
0
Resp
Resp
Por alber hace 109 meses
Administrador