Reproductor de vídeo de Youtube en línea
El Modo de privacidad mejorada del reproductor incrustado de YouTube impide que las visualizaciones de los contenidos incrustados de YouTube influyan en la experiencia de navegación del espectador en YouTube. Esto significa que la visualización de un vídeo mostrado en el Modo de Privacidad Mejorada del reproductor incrustado no se utilizará para personalizar la experiencia de navegación en YouTube, ni dentro de su reproductor incrustado en el Modo de Privacidad Mejorada ni en la posterior experiencia de visualización de YouTube del espectador.
Si se publican anuncios en un vídeo mostrado en el modo mejorado de privacidad del reproductor incrustado, dichos anuncios tampoco serán personalizados. Además, la visualización de un vídeo en el modo de privacidad mejorada del reproductor incrustado no se utilizará para personalizar la publicidad mostrada al espectador fuera de su sitio o aplicación.
Nota: Si el espectador hace clic o toca fuera de la incrustación y es redirigido a otro sitio web o aplicación, ese sitio web o aplicación puede rastrear el comportamiento del espectador según las políticas y condiciones de ese sitio web o aplicación.
También puedes elegir el idioma de los subtítulos para el vídeo incrustado. Para especificar el idioma de los subtítulos del vídeo que quieres incrustar, sólo tienes que añadir “&cc_lang_pref=fr&cc_load_policy=1” al código de incrustación del vídeo.
Reproductor de vídeo para sitio web gratuito
Al añadir parámetros a la URL del IFrame, puedes personalizar la experiencia de reproducción en tu aplicación. Por ejemplo, puedes reproducir vídeos automáticamente utilizando el parámetro autoplay o hacer que un vídeo se reproduzca repetidamente utilizando el parámetro loop. También puedes utilizar el parámetro enablejsapi para que el reproductor pueda ser controlado a través de la IFrame Player API.
Nota: Los reproductores incrustados deben tener una ventana gráfica de al menos 200px por 200px. Si el reproductor muestra controles, debe ser lo suficientemente grande como para mostrarlos completamente sin reducir la ventana gráfica por debajo del tamaño mínimo. Recomendamos que los reproductores 16:9 tengan al menos 480 píxeles de ancho y 270 píxeles de alto.
Puedes utilizar cualquiera de los siguientes métodos para incrustar un reproductor de YouTube en tu aplicación y especificar los parámetros del reproductor. Ten en cuenta que las instrucciones que aparecen a continuación muestran cómo incrustar un reproductor que carga un solo vídeo. En la siguiente sección se explica cómo configurar el reproductor para que cargue una lista de reproducción o los vídeos subidos por un usuario.
Defina una etiqueta <iframe> en su aplicación en la que la URL src especifique el contenido que cargará el reproductor, así como cualquier otro parámetro del reproductor que desee establecer. Los parámetros de altura y anchura de la etiqueta <iframe> especifican las dimensiones del reproductor.
Reproductor de vídeo en línea
Article Actions<video>: The Video Embed elementThe <video> HTML element embeds a media player which supports video playback into the document. You can use <video> for audio content as well, but the <audio> element may provide a more appropriate user experience.Try it
The above example shows simple usage of the <video> element. In a similar manner to the <img> element, we include a path to the media we want to display inside the src attribute; we can include other attributes to specify information such as video width and height, whether we want it to autoplay and loop, whether we want to show the browser’s default video controls, etc.
The content inside the opening and closing <video></video> tags is shown as a fallback in browsers that don’t support the element.AttributesLike all other HTML elements, this element supports the global attributes.
Note: Sites that automatically play audio (or videos with an audio track) can be an unpleasant experience for users, so should be avoided when possible. If you must offer autoplay functionality, you should make it opt-in (requiring a user to specifically enable it). However, this can be useful when creating media elements whose source will be set at a later time, under user control. See our autoplay guide for additional information about how to properly use autoplay.
Videojs
Ahora que nos sentimos cómodos añadiendo imágenes simples a una página web, el siguiente paso es empezar a añadir reproductores de vídeo y audio a tus documentos HTML. En este artículo veremos cómo hacer eso con los elementos <video> y <audio>; luego terminaremos viendo cómo añadir subtítulos a tus vídeos.
Vídeo y audio en la webLos desarrolladores web llevan mucho tiempo queriendo utilizar vídeo y audio en la web, desde que a principios de la década de 2000 empezamos a tener un ancho de banda lo suficientemente rápido como para soportar cualquier tipo de vídeo (los archivos de vídeo son mucho más grandes que los de texto o incluso las imágenes). En los primeros tiempos, las tecnologías web nativas como HTML no tenían la capacidad de incrustar vídeo y audio en la web, por lo que tecnologías propietarias (o basadas en plugins) como Flash -y más tarde, Silverlight (ambas ya obsoletas)- se hicieron populares para manejar este tipo de contenido. Este tipo de tecnología funcionaba bien, pero tenía una serie de problemas, como que no funcionaba bien con las características de HTML/CSS, problemas de seguridad y problemas de accesibilidad.