{"id":492,"date":"2011-12-09T18:12:10","date_gmt":"2011-12-09T17:12:10","guid":{"rendered":"http:\/\/canaltic.com\/blog\/?p=492"},"modified":"2017-06-05T16:21:37","modified_gmt":"2017-06-05T15:21:37","slug":"video-en-tu-web","status":"publish","type":"post","link":"https:\/\/canaltic.com\/blog\/?p=492","title":{"rendered":"V\u00eddeo en tu web"},"content":{"rendered":"<p><a class=\"thickbox\" title=\"JW Player demo\" href=\"http:\/\/canaltic.com\/blog\/html\/jwvideoplayer\/jw.html?KeepThis=true&amp;TB_iframe=true&amp;height=255&amp;width=315\">JW Player<\/a> es un reproductor multimedia que facilita la tarea de integrar un v\u00eddeo o lista de v\u00eddeos en el art\u00edculo de un blog, wiki, moodle, joomla o p\u00e1gina web. La incorporaci\u00f3n de un documento videogr\u00e1fico en una p\u00e1gina web puede resultar interesante en la difusi\u00f3n de una experiencia o proyecto, \u00a0en la presentaci\u00f3n de una propuesta de trabajo al alumno\/a, etc, etc.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-549\" title=\"Video en tu web\" src=\"http:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer1.jpg\" alt=\"\" width=\"400\" height=\"100\" \/><\/p>\n<p><span class=\"Apple-style-span\" style=\"font-size: 20px; font-weight: bold;\">Caracter\u00edsticas de JW Player<\/span><\/p>\n<p>JW Player es el reproductor de v\u00eddeos m\u00e1s utilizado actualmente en los gestores de contenidos CMS. Esto es debido a sus m\u00faltiples e interesantes prestaciones:<\/p>\n<ul>\n<li><strong>Flexibilidad<\/strong>. Admiten la configuraci\u00f3n de un amplio cat\u00e1logo de par\u00e1metros: nombre y ubicaci\u00f3n del archivo de v\u00eddeo o lista de reproducci\u00f3n, imagen asociada, apariencia, color, reproducci\u00f3n cont\u00ednua, aleatoria, al inicio, etc.<\/li>\n<li><strong>Integraci\u00f3n<\/strong>. Proporcionan un sistema f\u00e1cil, limpio y elegante para integrar un v\u00eddeo en una p\u00e1gina web.<\/li>\n<li><strong>V\u00eddeos externos.<\/strong>\u00a0Permite mostrar v\u00eddeos alojados en Youtube y otros repositorios de v\u00eddeos.<\/li>\n<li><strong>Flash<\/strong>. Se trata de un visor *.SWF dise\u00f1ado con tecnolog\u00eda Flash. Para su correcta visualizaci\u00f3n es necesario que el navegador web cliente disponga del\u00a0<a title=\"Flash Player\" href=\"http:\/\/get.adobe.com\/es\/flashplayer\/\" target=\"_blank\">plugin de Flash Player<\/a><strong>.<\/strong><\/li>\n<li><strong><strong>Control de usuario<\/strong>. <\/strong>Ofrecen al lector de la p\u00e1gina web una consola que le permite controlar la reproducci\u00f3n del v\u00eddeo.<strong><br \/>\n<\/strong><\/li>\n<li><strong>Fiabilidad<\/strong>. Su funcionamiento es robusto y fiable.<\/li>\n<li><strong>Est\u00e1ndares.\u00a0<\/strong>Utilizan formatos est\u00e1ndar de listas de reproducci\u00f3n XML, archivos de audio FLV, im\u00e1genes JPG, etc<\/li>\n<\/ul>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-529\" title=\"Video en tu web\" src=\"http:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer5.jpg\" alt=\"\" width=\"400\" height=\"100\" srcset=\"https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer5.jpg 400w, https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer5-300x75.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/h2>\n<h2>Instrucciones de uso<\/h2>\n<p><strong>Paso 1. Obtener un v\u00eddeo.<\/strong><\/p>\n<p>Se puede obtener un archivo de v\u00eddeo siguiendo uno de estos procedimientos:<\/p>\n<ul>\n<li><strong>Captura de c\u00e1mara DV<\/strong>. A partir de la grabaci\u00f3n realizada con una c\u00e1mara digital DV. La captura y edici\u00f3n del v\u00eddeo se realiza con programas como <a title=\"Movie Maker\" href=\"http:\/\/explore.live.com\/windows-live-movie-maker\" target=\"_blank\">Movie Maker<\/a> (Windows), <a title=\"Kino\" href=\"http:\/\/www.kinodv.org\/\" target=\"_blank\">Kino<\/a> (Ubuntu) o<a title=\"iMovie para Mac\" href=\"http:\/\/www.apple.com\/es\/ilife\/imovie\/\" target=\"_blank\"> iMovie <\/a>(Mac).<\/li>\n<li><strong>Fotos narradas<\/strong>. Tomando como material de partida una colecci\u00f3n de im\u00e1genes o fotos se crea un v\u00eddeo que las muestre de forma secuencial usando transiciones, efectos, textos, m\u00fasica de fondo, etc. Esta tarea se puede realizar con programas como <a title=\"PhotoStory 3\" href=\"http:\/\/www.microsoft.com\/downloads\/es-es\/details.aspx?familyid=92755126-a008-49b3-b3f4-6f33852af9c1&amp;displaylang=es\" target=\"_blank\">PhotoStory 3<\/a> (Windows), <a title=\"Movie Maker\" href=\"http:\/\/explore.live.com\/windows-live-movie-maker\" target=\"_blank\">Movie Maker<\/a> (Windows), <a title=\"Imagination\" href=\"http:\/\/sourceforge.net\/projects\/imagination\/\" target=\"_blank\">Imagination<\/a> (Ubuntu), <a title=\"iMovie para Mac\" href=\"http:\/\/www.apple.com\/es\/ilife\/imovie\/\" target=\"_blank\">iMovie<\/a> (Mac) o <a title=\"Picasa 3\" href=\"http:\/\/picasa.google.com\/\" target=\"_blank\">Picasa 3<\/a>.<\/li>\n<li><strong>Banco multimedia del ITE-MEC. <\/strong>En el repositorio del <a title=\"Banco Multimedia del ITE-MEC\" href=\"http:\/\/recursostic.educacion.es\/bancoimagenes\/web\/\" target=\"_blank\">Banco multimedia del ITE-MEC<\/a> se pueden encontrar y descargar directamente interesantes v\u00eddeos susceptibles de explotaci\u00f3n did\u00e1ctica.<\/li>\n<li><strong>Descarga de un v\u00eddeo desde un repositorio. <\/strong>En sitios web como\u00a0<a title=\"Youtube\" href=\"http:\/\/www.youtube.com\" target=\"_blank\">Youtube<\/a>,<a title=\"TeacherTube\" href=\"http:\/\/www.teachertube.com\" target=\"_blank\"> TeacherTube<\/a>, <a title=\"Mediateca de EducaMadrid\" href=\"http:\/\/http:\/\/mediateca.educa.madrid.org\" target=\"_blank\">Mediateca Educamadrid<\/a>, etc, aunque no se ofrece un enlace para la descarga directa del archivo de v\u00eddeo, es posible descargarlo utilizando el navegador web\u00a0<a title=\"Mozilla Firefox\" href=\"http:\/\/www.mozilla.org\/es-ES\/firefox\/new\/\" target=\"_blank\">Mozilla Firefox<\/a> con un complemento como\u00a0<a title=\"Video DownloadHelper\" href=\"https:\/\/addons.mozilla.org\/es-es\/firefox\/addon\/video-downloadhelper\/\" target=\"_blank\">Video DownloadHelper<\/a>. Cuando nos situamos en la p\u00e1gina de reproducci\u00f3n de un v\u00eddeo, si pulsamos en el bot\u00f3n de este complemento en la barra de herramientas del navegador, se ofrece la descarga directa de ese v\u00eddeo en formato FLV\/MP4. Esta tarea permite visualizar en clase v\u00eddeos previamente descargados cuando no disponemos de conexi\u00f3n a Internet en el aula.<\/li>\n<li><strong>Descarga de un v\u00eddeo desde TV<\/strong>. Si accedes al asistente del proyecto\u00a0<a title=\"Asistente de PyDownTV\" href=\"http:\/\/web.pydowntv.com\/\" target=\"_blank\">PyDownTV<\/a>\u00a0puedes pegar la URL de la p\u00e1gina donde se muestra un v\u00eddeo de \u00a0<a title=\"TVE a la carta\" href=\"http:\/\/www.rtve.es\/alacarta\/\" target=\"_blank\">TVE a la carta<\/a>, <a title=\"Antena 3 Modo Sal\u00f3\" href=\"http:\/\/www.antena3.com\/videos\/\" target=\"_blank\">Antena3 Modo Sal\u00f3n<\/a>, Telecinco, etc. Como resultado obtendr\u00e1s la URL oculta que permite la descarga directa del v\u00eddeo. Este asistente facilita la descarga de v\u00eddeos desde los sitios de las principales televisiones espa\u00f1olas. M\u00e1s informaci\u00f3n en: <a title=\"Proyecto PyDownTTV\" href=\"http:\/\/code.google.com\/p\/pydowntv\/\" target=\"_blank\">Proyecto PyDownTV<\/a><\/li>\n<li><strong>Rippear un DVD Video.<\/strong> Mediante el programa <a title=\"DVD Decrypter\" href=\"http:\/\/www.dvddecrypter.org.uk\/\" target=\"_blank\">DVD Decrypter<\/a> es posible extraer los archivos VOB que contienen las pistas de audio y v\u00eddeo de un disco DVD. Luego mediante un programa como <a title=\"DVDx 4.0\" href=\"http:\/\/www.labdv.com\/dvdx\/\" target=\"_blank\">DVDx 4.0<\/a> se convierten estos ficheros VOB a un archivo de v\u00eddeo de formato DivX-Xvid, MPEG-4, MOV o FLV.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-558\" title=\"Video en tu web\" src=\"http:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer11.jpg\" alt=\"\" width=\"400\" height=\"100\" srcset=\"https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer11.jpg 400w, https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer11-300x75.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Cuando ya disponemos de un archivo de v\u00eddeo en nuestro equipo para reproducirlo se aconseja utilizar el programa<strong> <a title=\"VLC Media Player\" href=\"http:\/\/www.videolan.org\/vlc\/\" target=\"_blank\">VLC Media Player<\/a>. <\/strong>Esta aplicaci\u00f3n ofrece unas caracter\u00edsticas muy interesantes:<\/p>\n<ul>\n<li><strong><strong>Formatos de v\u00eddeo.\u00a0<\/strong><\/strong>Reproduce la mayor\u00eda de formatos de v\u00eddeo incluyendo FLV y MP4.<strong><br \/>\n<\/strong><\/li>\n<li><strong>Gratuito y multiplataforma.\u00a0<\/strong>Funciona en windows, linux,mac, etc.<\/li>\n<li><strong>Versi\u00f3n portable<\/strong>. Dispone de versi\u00f3n instalable pero tambi\u00e9n otra portable:\u00a0<a title=\"VLC Portable\" href=\"http:\/\/portableapps.com\/apps\/music_video\/vlc_portable\" target=\"_blank\">VLC Portable<\/a>.<\/li>\n<li><strong>Pantalla completa. <\/strong>Permite el visionado a pantalla completa pulsando la tecla de funci\u00f3n F11. Esto resulta muy \u00fatil cuando se proyecta en un aula o en una pizarra digital.<\/li>\n<li><strong>Capturas de imagen. <\/strong>Cuando se reproduce un v\u00eddeo se puede capturar una imagen instant\u00e1nea \u00a0mediante Video &gt; Capturar pantalla. De esta forma se puede crear una imagen a modo de vista previa de un v\u00eddeo.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-527\" title=\"Video en tu web\" src=\"http:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer3.jpg\" alt=\"\" width=\"400\" height=\"100\" srcset=\"https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer3.jpg 400w, https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer3-300x75.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Para conocer el c\u00f3dec de audio y v\u00eddeo con que ha sido creado un archivo de v\u00eddeo se puede utilizar <a title=\"MediaInfo\" href=\"http:\/\/mediainfo.sourceforge.net\/es\" target=\"_blank\">MediaInfo<\/a>. Basta con abrir el archivo con este programa para disponer de una completa informaci\u00f3n del mismo. Este analizador proporciona informaci\u00f3n sobre los c\u00f3decs que son necesarios tener instalados en el ordenador para que se pueda reproducir o editar.<\/p>\n<p><strong>Paso 2. Conversi\u00f3n del v\u00eddeo a formato FLV.<\/strong><\/p>\n<p>El formato de archivo <strong>FLV (Flash Video)<\/strong> presenta las siguientes caracter\u00edsticas que lo convierten en un formato ideal para la difusi\u00f3n de v\u00eddeo en internet:<\/p>\n<ul>\n<li><strong>Calidad visual.\u00a0<\/strong>El formato FLV utiliza c\u00f3decs como Sorenson Spark, On2 VP6, etc que permiten una alta calidad visual con bitrates reducidos.<\/li>\n<li><strong>Adecuada relaci\u00f3n calidad\/peso.\u00a0<\/strong>Al codificar un v\u00eddeo a un archivo *.FLV se ofrece la posibilidad de configurar distintos par\u00e1metros del mismo para conseguir una aceptable calidad\/peso.<\/li>\n<li><strong>Streaming.\u00a0<\/strong>Admite una descarga por streaming. Esto significa que el v\u00eddeo comienza a reproducirse en cuanto se llena el buffer inicial y contin\u00faa reproduci\u00e9ndose \u00a0mientras se completa su descarga en segundo plano. \u00a0El v\u00eddeo FLV junto con el MP4, son actualmente las opciones m\u00e1s utilizadas.<\/li>\n<li><strong>Reproductores locales.\u00a0<\/strong>Se puede reproducir desde distintos programas instalados en el ordenador: <a title=\"MPlayer\" href=\"http:\/\/www.mplayerhq.hu\/\" target=\"_blank\">MPlayer<\/a>, <a title=\"VLC Media Player\" href=\"http:\/\/www.videolan.org\/vlc\/\" target=\"_blank\">VLC Media Player<\/a>, <a title=\"Riva FLV Player\" href=\"http:\/\/rivavx.com\/\" target=\"_blank\">Riva<\/a>, <a title=\"Xine\" href=\"http:\/\/www.xine-project.org\/home\" target=\"_blank\">Xine<\/a>, etc.<\/li>\n<li><strong>Repositorios de v\u00eddeos. \u00a0<\/strong>Los repositorios de v\u00eddeo m\u00e1s conocidos en Internet utilizan este formato para la difusi\u00f3n de v\u00eddeos: <a title=\"Youtube\" href=\"http:\/\/www.youtube.com\/\" target=\"_blank\">YouTube<\/a>, <a title=\"Metacafe\" href=\"http:\/\/www.metacafe.com\/\" target=\"_blank\">Metacafe<\/a>, <a title=\"Vimeo\" href=\"http:\/\/vimeo.com\/\" target=\"_blank\">Vimeo<\/a>, etc.<\/li>\n<\/ul>\n<p>La conversi\u00f3n de cualquier v\u00eddeo a formato FLV se puede realizar con uno de los siguientes programas gratuitos que se pueden descargar e instalar en el ordenador:<\/p>\n<ul>\n<li><a title=\"WinFF\" href=\"http:\/\/winff.org\" target=\"_blank\">WinFF<\/a>\u00a0. Resulta sencillo de utilizar y es multiplataforma.<\/li>\n<li><a title=\"Super C\" href=\"http:\/\/www.erightsoft.com\/SUPER.html\" target=\"_blank\">Super C<\/a>. Es\u00a0algo m\u00e1s complejo pero permite la configuraci\u00f3n de m\u00faltiples par\u00e1metros de calidad en el v\u00eddeo final.<\/li>\n<\/ul>\n<p>Tambi\u00e9n es posible realizar la conversi\u00f3n utilizando una aplicaci\u00f3n online donde se sube el v\u00eddeo a un servidor para luego descargarlo al equipo en un archivo *.FLV:<\/p>\n<ul>\n<li><a title=\"Online Converte to FLV\" href=\"http:\/\/video.online-convert.com\/convert-to-flv\" target=\"_blank\">Online Converter to FLV<\/a>\u00a0. No requiere registro del usuario para utilizarlo.<\/li>\n<li><a title=\"Zamzar\" href=\"http:\/\/www.zamzar.com\/\" target=\"_blank\">Zamzar<\/a>\u00a0. Es un conversor \u00a0online de m\u00faltiples formatos de archivo.<\/li>\n<\/ul>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-528\" title=\"Video en tu web\" src=\"http:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer4.jpg\" alt=\"\" width=\"400\" height=\"100\" srcset=\"https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer4.jpg 400w, https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer4-300x75.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/div>\n<p><strong>Paso 3. Conseguir el reproductor JW Player\u00a0<\/strong><\/p>\n<p>Para conseguir el archivo SWF del reproductor puedes descargar desde aqu\u00ed la versi\u00f3n indicada o bien visitar la p\u00e1gina web oficial para comprobar si es posible obtener una versi\u00f3n m\u00e1s actual.<\/p>\n<ul>\n<li>JWPlayer:\u00a0\u00a0\u00a0<a title=\"Sitio web oficial de JW Player\" href=\"http:\/\/www.longtailvideo.com\/players\/jw-flv-player\/\" target=\"_blank\">Sitio web oficial<\/a>\u00a0 |\u00a0\u00a0<a href=\"http:\/\/canaltic.com\/blog\/html\/audioplayer\/zip\/jwplayer.zip\">jwplayer.zip (version 5.8)<\/a><\/li>\n<\/ul>\n<p><strong>Paso 4. Subir los archivos.<\/strong><\/p>\n<p>Es necesario subir a tu sitio web: el reproductor SWF, el video FLV y la imagen JPG vista previa del v\u00eddeo. Si has decidido experimentar con las indicaciones de este art\u00edculo entonces puedes utilizar el archivo de v\u00eddeo FLV y el archivo de imagen JPG que se proporciona en este archivo:\u00a0<a href=\"http:\/\/canaltic.com\/blog\/html\/jwvideoplayer\/zip\/video.zip\">video.zip<\/a><\/p>\n<p>Para alojar estos 3 archivos en la red caben distintas alternativas:<\/p>\n<p><a href=\"#\">Sitio web personal<\/a>. Puedes crear una carpeta en tu espacio web personal (video) y subir a \u00e9l los archivos. Copia la URL de ubicaci\u00f3n de estos archivos. Ejemplo:<\/p>\n<blockquote><p>SWF: http:\/\/canaltic.com\/video\/&lt;nombre_reproductor&gt;.swf<br \/>\nFLV: http:\/\/canaltic.com\/video\/&lt;nombre_video&gt;.flv<br \/>\nJPG: http:\/\/canaltic.com\/video\/&lt;nombre_imagen&gt;.jpg<\/p><\/blockquote>\n<p><a title=\"Google Sites\" href=\"https:\/\/sites.google.com\" target=\"_blank\">Google Sites<strong>.<\/strong><\/a>\u00a0Si dispones de cuenta en Google, puedes acceder a Google Sites y crear un sitio y dentro del mismo crear una carpeta con el nombre\u00a0<strong>video<\/strong>. Sube todos los archivos a la misma y luego haz clic en el enlace \u201c<strong>Ver<\/strong>\u201d del archivo SWF que acabas de subir. Copia y pega en un bloc de notas la direcci\u00f3n que se muestra en la barra de direcciones del navegador. Es una direcci\u00f3n compleja donde debes eliminar el c\u00f3digo final a partir de \u201c<em>&lt;nombre_reproductor&gt;.swf<\/em>\u201d. Consigue la direcci\u00f3n del resto de archivos subidos sustituyendo simplemente el nombre del archivo en la URL que acabas de obtener. Ejemplo:<\/p>\n<blockquote><p>SWF: https:\/\/&lt;codigo_alfanumerico&gt;\/site\/&lt;nombre_sitio&gt;\/video\/&lt;nombre_reproductor&gt;.swf<br \/>\nFLV: https:\/\/&lt;codigo_alfanumerico&gt;\/site\/&lt;nombre_sitio&gt;\/video\/&lt;nombre_video&gt;.flv<br \/>\nJPG: https:\/\/&lt;codigo_alfanumerico&gt;\/site\/&lt;nombre_sitio&gt;\/video\/&lt;nombre_imagen&gt;.jpg<\/p><\/blockquote>\n<p><a title=\"DropBox\" href=\"http:\/\/www.dropbox.com\/\" target=\"_blank\">DropBox<\/a>. Si dispones de cuenta en DropBox, crea una carpeta con el nombre\u00a0<strong>video<\/strong>\u00a0en\u00a0<strong>Public<\/strong>\u00a0y dentro de esa carpeta sube los archivos. Desde el explorador de archivos del sistema windows haz clic derecho sobre cada archivo subido para elegir\u00a0<strong>DropBox &gt; Copiar enlace p\u00fablico<\/strong>. Si utilizas el interfaz web de Dropbox, haz clic sobre el archivo y elige\u00a0<strong>Copiar enlace p\u00fablico<\/strong>. Ejemplo:<\/p>\n<blockquote><p>SWF: http:\/\/dl.dropbox.com\/u\/&lt;numeros&gt;\/video\/&lt;nombre_reproductor&gt;.swf<br \/>\nFLV: http:\/\/dl.dropbox.com\/u\/&lt;numeros&gt;\/video\/&lt;nombre_video&gt;.flv<br \/>\nJPG: http:\/\/dl.dropbox.com\/u\/&lt;numeros&gt;\/video\/&lt;nombre_imagen&gt;.jpg<\/p><\/blockquote>\n<p><strong>Paso 5. Generar el c\u00f3digo embed.<\/strong><br \/>\nEn\u00a0<a title=\"canalTIC - Uso educativo de las TIC\" href=\"http:\/\/canaltic.com\/blog\">canalTIC.com<\/a>\u00a0se ha dise\u00f1ado un asistente que facilita la generaci\u00f3n del c\u00f3digo embed para la integraci\u00f3n de este reproductor:<\/p>\n<ul>\n<li><a class=\"thickbox\" title=\"JW Player\" href=\"http:\/\/canaltic.com\/blog\/html\/jwvideoplayer\/index.html?KeepThis=true&amp;TB_iframe=true&amp;height=500&amp;width=800\">Configurador de JWPlayer para v\u00eddeo<\/a><\/li>\n<\/ul>\n<p>En el asistente elegido despliega el combo\u00a0<strong>Modelos de configuraci\u00f3n<\/strong>\u00a0y selecciona una opci\u00f3n. En la secci\u00f3n de\u00a0<strong>Vista previa<\/strong>\u00a0se mostrar\u00e1 el aspecto que tendr\u00e1 el reproductor con esa configuraci\u00f3n. En los cuadros de texto:\u00a0<strong>URL reproductor SWF<\/strong>,\u00a0<strong>URL archivo\u00a0<\/strong>\u00a0y\u00a0<strong>URL imagen<\/strong>\u00a0sustituye las URL locales por las direcciones de estos archivos alojados en tu espacio web.\u00a0Cada modelo de configuraci\u00f3n define ciertos valores para algunos de los par\u00e1metros b\u00e1sicos y avanzados. Cuando hayas elegido un modelo es posible modificar manualmente el valor de todos los par\u00e1metros ofrecidos en el asistente. Para que el\u00a0<strong>c\u00f3digo embed<\/strong>\u00a0pille los cambios introducidos no olvides al final hacer clic en el enlace \u00ab<strong>recargar reproductor<\/strong>\u00ab. Si todo va bien el reproductor se mostrar\u00e1 con la configuraci\u00f3n definida en el apartado\u00a0<strong>vista previa<\/strong>.<\/p>\n<p>A continuaci\u00f3n se especifican los detalles de cada modelo de configuraci\u00f3n:<\/p>\n<ul>\n<li><strong>FLV simple. <\/strong>Se utiliza la URL del archivo SWF del reproductor JW Player y la URL del archivo FLV del v\u00eddeo. Los par\u00e1metros de anchura y altura en p\u00edxeles se deben definir en funci\u00f3n del tama\u00f1o del v\u00eddeo a\u00f1adiendo 24 p\u00edxeles m\u00e1s de altura por la barra de control de reproducci\u00f3n situada debajo.<\/li>\n<li><strong>FLV con imagen + barra control debajo. <\/strong>Se a\u00f1ade adem\u00e1s la URL de la imagen de vista previa en la secci\u00f3n <strong>Opciones del archivo &gt; Imagen.\u00a0<\/strong><\/li>\n<li><strong>FLV con imagen + barra control sobre. <\/strong>En este caso la altura del reproductor coincide con la altura del tama\u00f1o del v\u00eddeo porque la barra de control se coloca sobre el v\u00eddeo. Esto se consigue definiendo el par\u00e1metro <strong>Opciones de apariencia &gt; Barra de control &gt; Debajo.<\/strong><\/li>\n<li><strong>FLV con imagen + skin (glow). <\/strong>En la secci\u00f3n <a title=\"Addons Skins\" href=\"http:\/\/www.longtailvideo.com\/addons\/skins\" target=\"_blank\">Addons &gt; Skins\u00a0<\/a>\u00a0de la\u00a0web de JW Player se puede descargar un ZIP con un <strong>skin <\/strong>que permite personalizar el estilo gr\u00e1fico del reproductor. Se proporciona un amplio cat\u00e1logo de skins creados por otros usuarios as\u00ed como las instrucciones para crear y subir uno nuevo. En el asistente se ha utilizado el archivo de skin <a title=\"skin glow\" href=\"http:\/\/canaltic.com\/blog\/html\/jwvideoplayer\/skins\/glow.zip\">glow.zip<\/a> que se ha subido al servidor y su URL se ha introducido en el asistente de configuraci\u00f3n en el par\u00e1metro <strong>Opciones de apariencia &gt; URL ZIP skin.\u00a0<\/strong><\/li>\n<li><strong>FLV con imagen + XML configuraci\u00f3n. <\/strong>Es posible cargar la configuraci\u00f3n de todos los par\u00e1metros del reproductor (URL del v\u00eddeo, de la imagen, colores, apariencia, reproducci\u00f3n, etc) a partir de un archivo XML con una sintaxis especial. En este caso se utiliza la informaci\u00f3n contenida en el archivo <a href=\"http:\/\/canaltic.com\/blog\/html\/jwvideoplayer\/zip\/config.zip\">config.xml<\/a> que se sube al servidor y cuya URL se ha introducido en el par\u00e1metro <strong>Opciones de apariencia &gt; URL XML config.<\/strong><\/li>\n<li><strong>Video Youtube. <\/strong>JW Player permite reproducir un v\u00eddeo alojado en Youtube con s\u00f3lo copiar y pegar en la casilla <strong>URL de archivo FLV <\/strong>la direcci\u00f3n del v\u00eddeo en Youtube del tipo:\u00a0<a title=\"Video Youtube\" href=\"http:\/\/www.youtube.com\/watch?v=iLjZgz7tlzs\" target=\"_blank\">http:\/\/www.youtube.com\/watch?v=iLjZgz7tlzs<\/a>. Cada v\u00eddeo Youtube tiene una URL similar variando el c\u00f3digo alfanum\u00e9rico situado a partir del \u00abv=\u00bb.<\/li>\n<li><strong>Video TVE a la carta.\u00a0<\/strong>\u00a0Copia la URL de la p\u00e1gina donde se muestra un v\u00eddeo de \u00a0<a title=\"TVE a la carta\" href=\"http:\/\/www.rtve.es\/alacarta\/\" target=\"_blank\">TVE a la carta<\/a>. A continuaci\u00f3n accede a la web\u00a0<a title=\"Asistente de PyDownTV\" href=\"http:\/\/web.pydowntv.com\/\" target=\"_blank\">PyDownTV<\/a>\u00a0y pega esa direcci\u00f3n. Si todo va bien obtendr\u00e1s la URL oculta que permite la descarga directa de ese v\u00eddeo.\u00a0Si copias y pegas esta direcci\u00f3n secreta en la casilla <strong>URL de archivo <\/strong>en el asistente de configuraci\u00f3n de JWPlayer (Ejemplo: <a title=\"FLV TVE a la carta\" href=\"http:\/\/www.rtve.es\/resources\/TE_NGVA\/flv\/6\/8\/1287773737586.flv\" target=\"_blank\">http:\/\/www.rtve.es\/resources\/TE_NGVA\/flv\/6\/8\/1287773737586.flv<\/a>)\u00a0, observar\u00e1s que es capaz de \u00a0reproducir este v\u00eddeo alojado en el servidor de TVE.<\/li>\n<li><strong>Lista FLV. \u00a0<\/strong>Una lista de reproducci\u00f3n (<a title=\"Playlist\" href=\"http:\/\/canaltic.com\/blog\/html\/jwvideoplayer\/zip\/playlist.zip\">playlist.xml<\/a>) es un archivo de texto con una sintaxis de etiquetas que contienen las URL de los archivos FLV e im\u00e1genes JPG. El reproductor lee esta informaci\u00f3n para cargar las pistas de v\u00eddeo correspondientes.\u00a0 Una vez personalizada la lista XML es necesario subirla a tu espacio web, obtener la URL absoluta de esa lista y en el configurador de JW Player sustituir el contenido de la casilla <strong>URL de la lista XML<\/strong>.<\/li>\n<li><strong>Lista FLV con imagen + barra lista debajo. <\/strong>Es similar a la anterior pero en este caso se ampl\u00eda la altura del reproductor en 180 p\u00edxeles m\u00e1s para que por debajo de la barra de control de la reproducci\u00f3n se muestre la barra con las entradas de la lista de v\u00eddeos. Esto se consigue configurando el par\u00e1metro <strong>Opciones de apariencia &gt; Ubicaci\u00f3n de la lista &gt; Debajo<\/strong>.<\/li>\n<li><strong>Lista Feed V\u00eddeos Youtube. <\/strong>Si accedes a la web de la <a title=\"Youtube Data API\" href=\"http:\/\/gdata.youtube.com\/demo\/index.html\" target=\"_blank\">API de Datos de Youtube<\/a>\u00a0dispones de un asistente que te permite obtener la URL de un feed que devuelve una lista de v\u00eddeos de Youtube: los m\u00e1s visitados, los m\u00e1s recientes, los m\u00e1s puntuados, etc. Puedes obtener la URL de un feed que incluye los v\u00eddeos de una lista de reproducci\u00f3n, del listado de mis favoritos de un usuario concreto, etc. Ejemplo de feed de una lista de reproducci\u00f3n cuyo c\u00f3digo de lista en Youtube se indica:\u00a0<a title=\"Feed de Youtube\" href=\"http:\/\/gdata.youtube.com\/feeds\/api\/playlists\/FD3D7D51716DD038\" target=\"_blank\">http:\/\/gdata.youtube.com\/feeds\/api\/playlists\/FD3D7D51716DD038<\/a>. El identificador de una lista de reproducci\u00f3n Youtube se obtiene de la URL que se muestra en la barra de direcci\u00f3n del navegador cuando se est\u00e1 visualizando esa lista. Es necesario eliminar las dos primeras letras <strong>PL <\/strong>que indica que es una <strong>playlist<\/strong>\u00a0(lista de reproducci\u00f3n).<\/li>\n<\/ul>\n<p><strong>Paso 6. Copiar\/pegar el c\u00f3digo embed<\/strong><br \/>\nUna vez configurado el reproductor JW Player, selecciona el c\u00f3digo embed que te proporciona el configurador para luego copiarlo y pegarlo en el c\u00f3digo HTML de tu p\u00e1gina web.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-531\" title=\"Video en tu web\" src=\"http:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer6.jpg\" alt=\"\" width=\"400\" height=\"100\" srcset=\"https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer6.jpg 400w, https:\/\/canaltic.com\/blog\/wp-content\/uploads\/2011\/12\/jwplayer6-300x75.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<h2>Descargas<\/h2>\n<ul>\n<li title=\"Sitio web oficial de JW Player\">JW Player reproductor SWF:\u00a0<a href=\"http:\/\/canaltic.com\/blog\/html\/audioplayer\/zip\/jwplayer.zip\">jwplayer.zip (version 5.8)<\/a><\/li>\n<li>Video FLV + Imagen JPG:\u00a0<a href=\"http:\/\/canaltic.com\/blog\/html\/jwvideoplayer\/zip\/video.zip\">video.zip<\/a><\/li>\n<li>Configuraci\u00f3n XML: \u00a0<a href=\"http:\/\/canaltic.com\/blog\/html\/jwvideoplayer\/zip\/config.zip\">config.xml<\/a><\/li>\n<li>Lista de reproducci\u00f3n:\u00a0<a title=\"Playlist\" href=\"http:\/\/canaltic.com\/blog\/html\/jwvideoplayer\/zip\/playlist.zip\">playlist.xml<\/a><\/li>\n<\/ul>\n<h2>M\u00e1s informaci\u00f3n<\/h2>\n<ul>\n<li><a title=\"Sitio web oficial de JW Player\" href=\"http:\/\/www.longtailvideo.com\/players\/\" target=\"_blank\">Sitio web oficial de JW Player<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>JW Player es un reproductor multimedia que facilita la tarea de integrar un v\u00eddeo o lista de v\u00eddeos en el art\u00edculo de un blog, wiki, moodle, joomla o p\u00e1gina web. La incorporaci\u00f3n de un documento videogr\u00e1fico en una p\u00e1gina web puede resultar interesante en la difusi\u00f3n de una experiencia o proyecto, \u00a0en la presentaci\u00f3n de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":556,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[21,27,34,33],"class_list":["post-492","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aplicaciones-web","tag-blogs","tag-flash","tag-flv","tag-video-2"],"_links":{"self":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=492"}],"version-history":[{"count":54,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/492\/revisions"}],"predecessor-version":[{"id":2858,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/492\/revisions\/2858"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=\/wp\/v2\/media\/556"}],"wp:attachment":[{"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=492"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=492"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/canaltic.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}