Presentación
WP-SWFObject es un plugin para wordpress que permite insertar archivos Flash en cualquier parte de tu blog. Este plugin utiliza la librería SWFObject 2.0, la cual permite incluir contenido SWF en páginas HTML utilizando JavaScript.
Cual es la última versión?
Actualmente la versión es WP-SWFObject-2.4 lanzada el 3 de octubre del 2011. Esta nueva versión trae soporte para seleccionar entre XHTML, SWFObject 1.5, SWFObject 2.0 o SWFObject desde Google AJAX Libraries API, además cuenta con el panel de opciones actualizado para WordPress 3.2 y detección de iPhone.
Instalación
Para instalar WP-SWFObject hay que seguir los siguientes pasos:
- Descarga la ultima versión de WP-SWFObject.
- Descomprime el contenido del archivo wp-swfobject-x.y.zip.
- Copiar la carpeta: wp-swfobject a la carpeta de plugin de tu WordPress, usualmente la carpeta es wp-content/plugins/.
- En el panel de administración, en la opción ‘Plugins’, activa WP-SWFObject.
- En el panel de administración, en el opción ‘Settings’, encontrarás una nueva opción llamada WP-SWFObject. En esta pantalla encontrarás las diversas opciones para configurar el plugin.
- Finalmente ya estas listo para insertar Flash a tu blog usando las dos formas de notación.
Configuración
Para la configuración se tienen los siguientes parámetros.
- SWFObject Version: Versión de SWFObject a utilizar.
- Flash Player Version: La versión requerida del player.
- Background Color: Color de fondo por defecto para el swf.
- Window Mode: Window mode para la película flash.
- Show Menu: Activa o desactiva el menú de flash.
- Quality Movie: Calidad de la animación.
- Allow Fullscreen: Activar soporte para fullscreen (Flash Player >= 9,0,28,0).
- Align: Alineación de la película flash.
- Message Require Flash: Mensaje si no se encuentra el plugin de flash.
- Message iPhone Browser: Mensaje a mostrarse para browser de iPhone.
- Show Info (Youtube): Permite mostrar/ocultar la información de vídeos Youtube.
Utilizar WP-SWFObject
Este plugin permite dos formas de insertar flash en tu blog, la primera es insertar flash en un post y la segunda es colocar el cualquier parte del blog, esto se hace con código php.
Insertar Flash en un Post
Insertar flash es sencillo, puedes usar los tags [swf] y [/swf] de la siguiente forma:
[SWF]miarchivo.swf, ancho, alto[/SWF]
Donde se tiene:
- miarchivo.swf: es la ruta de ubicación del SWF a incluir.
- ancho: ancho de la película a incluir.
- alto: alto de la película a incluir.
Veamos un ejemplo:
[SWF]/wp-content/uploads/2006/05/7762.swf, 231, 132[/SWF]
[SWF]/wp-content/uploads/2006/05/7762.swf, 231, 132[/SWF]
Si deseas incluir un vídeo de Youtube, puedes utilizar el URL del vídeo o el URL que te brindan en el código embed, entonces sería de la forma:
[SWF]http://www.youtube.com/watch?v=8C7SxYzDNZk, 425, 350[/SWF]
[SWF]http://www.youtube.com/v/8C7SxYzDNZk, 425, 350[/SWF]
[SWF]http://www.youtube.com/v/8C7SxYzDNZk, 425, 350[/SWF]
Insertar Flash en un Post utilizando FlashVars
SWFObject tiene la opción de insertar archivos SWF pasandole variable utilizando la opción flashvars, para ello se brinda un cuarto parámetro opcional conteniendo las variables en formato URL (var1=value1&var2=value2…).
[SWF]miarchivo.swf, ancho, alto, flashvars[/SWF]
Insertar Flash en cualquier parte del blog
Para utilizar esta opción se tiene una función php llamada wp_swfobject_echo, el cual tiene la siguiente notación.
wp_swfobject_echo("swffile", "swfwidth", "swfheigth");
Donde se tiene:
- swffile: Archivo swf a insertarse.
- swfwidth: Ancho de la película a insertarse.
- swfheigth: Alto del movie a insertarse.
Entonces si necesitas colocar tu header un flash, editas tu template y utilizas la función arriba explicada. Como ejemplo en el sidebar de este blog he insertado una pequeño botón utilizando el siguiente código.
Soporte
Para los que tienes preguntas, sugerencias o comentarios acerca de este plugin hemos creado una categoría especial para este tema en nuestro foro.
Comentarios Total 190 comentarios
Publicado: 01/11/2011 3:46 pm
Ok gracias por la aclaración, no sabia, apenas estoy empezando a armir mi web con wordpress !
Una pregunta, el div donde pongo el flash es el que debe de ser flotante y es el que debe estar debajo de otro div(el div de mi logo que quiero que este encima del flash).?
Gracias !
Publicado: 02/11/2011 9:47 am
Hola !! Estoy usando wp-swfobject y cuando inserto un flash en el banner queda bien, pero cuando entro como admin y sale la barra de administrador los submenus quedan de bajo del flash !!. Y no puedo ver los submenus de la barra del administrador, hay alguna manera de solucionar esto?
Se puede usar algo como esto? : Como se usaría? Graciass
Publicado: 02/11/2011 9:48 am
param name="wmode" value="transparent"Publicado: 06/11/2011 7:05 am
Hola
Queria saber si se puede poner un video en una pagina, solo en esa pagina y en la barra lateral derecha, ya que quiero poner videos diferentes en cada pagina, cada pagina tendra su video
Gracias
Publicado: 18/11/2011 2:01 pm
Tambien los archivos flv son validos con este codigo?
Publicado: 18/11/2011 4:54 pm
Los archivos FLV son archivos de video de manera que para reproducirse se necesita un reproductor de video, estos reproductores estan hechos en flash, por cual debes incluir el SWF de tu reproductor para mostrar videos en FLV.
Publicado: 25/11/2011 11:17 am
Hola, te comento que este plugin no acepta tamaños porcentuales (100%)
Publicado: 04/12/2011 10:36 am
Buenos días, deseo integrar en uno post wordpress, sobre la página http://guimbi-production.com/2011/12/02/deuxieme-article/ un fichero flash de tipo actionscript3 (con un xml); ¿Utilizo swfObject, y pueden ver debajo un flash clásico para un panorama 360 que funciona, pero por lo que se refiere al actionscript3, eso establece… Quien el ya encontró eso? ¡Ya que fuera de uno post wordpress, sobre la página índice concebida con el paquete de medidas, todo funciona perfectamente!! Gracias
Publicado: 04/12/2011 12:19 pm
Julien el problema es que no estas utilizando correctamente la ruta del SWF que estas queriendo mostrar:
Error: carousel/carousel_as3.swf
Correcto: /carousel/carousel_as3.swf
Prueba con este cambio y verás que funciona correctamente.
Publicado: 04/12/2011 12:57 pm
Gracias para su comentario !
Cambié la información de dirección de camino, pero eso no funciona siempre. Mi swf llama por defecto un xml, pues no lo integré como flashvars bajo la forma [swf]…, /carousel/icons.xml [/swf]; Además, incluso cuando efectúo esta manipulación, el resultado es el mismo. ¿Mi cuestión, el plugin funciona con el actionscript3? Gracias para sus vueltas
Publicado: 04/12/2011 1:25 pm
Julien, el plugin funciona perfectamente con AS2 o AS3.
En tu caso ahora ya se cargan los SWFs, pero ahora tienes problemas con los archivos por flasvars. Te recomiento utilizar rutas absolutas cuando quieres pasar URLs por flashvars:
error: var1: «/carousel/icons.xml»
correcto: var1: «http://guimbi-production.com/carousel/icons.xml»
Publicado: 04/12/2011 2:06 pm
¡Gracias para su vuelta rápida! ¿Pues debe cómo escribir el código?
[swf]/carousel/carousel_as3.swf, 550, 300, var1=http://guimbi-production.com/carousel/icons.xml[/swf]
Tengo belleza intentada diferentes manipulaciones, eso no funciona….
gracias
Publicado: 01/01/2012 1:29 pm
Estimado unijimpe, eh intentado utilizar la opción:
«display loadin for SWFs»
Pero no eh tenido éxito, me interesaría saber si puedes explicar como utilizarla o colocar la sintaxis de dicha opción.
desde ya muchas gracias
Publicado: 09/01/2012 2:36 pm
white border in flash …??? how to add line of code to get rid of it. http://www.portraitsbyme.com/l
Publicado: 19/01/2012 1:22 am
De antemano gracias por tu ayuda.
Nose como insertar el codigo que muestras ( como ejemplo), pues estoy trabajando con un templeate de pago pero no logro insertar el flash y no encuentro la manera de como integrarlo con lo que indicas.
Te comento que lo deseo insertar dentro del area logo. y para modificarlo encuentro lo siguiente ( Ver lineas abajo ) pero no logro integrar lo que indicas
Agradeceria tu orientacion porfa.
Gracias.
logo.xml
——–
——–
header-dark.css
——-
#rt-logo {background: url(../images/logo/dark/logo.png) 0 0 no-repeat;}
——–
template.css
——
/* Logo */
#rt-logo {display: block;width: 1200px;height: 110px;margin: 0;position: relative;z-index: 1000;}
.logo-block {margin-top: 0;margin-left: -180px;}
.centered #rt-logo {margin:top 0 auto;}
——
header.php
—–
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="language; ?>» lang=»language;?>» >
displayHead();
$gantry->addStyles(array(‘template.css’,’wordpress.css’,’wp.css’,’custom.css’));
$browser = $gantry->browser->name;
$ver = $gantry->browser->shortversion;
if ($browser == ‘ie’ && ($ver == 7 || $ver == 8 || $ver == 9)){
$gantry->addScript(‘IE-animations.js’);
}
if ($gantry->browser->platform != ‘iphone’)
$gantry->addInlineScript(‘window.addEvent(«domready», function(){ new SmoothScroll(); });’);
?>
<body displayBodyTag(array(‘bodyLevel’)); ?>>
countModules(‘drawer’)) : ?>
displayModules(‘drawer’,’standard’,’standard’); ?>
<div id="rt-header-surround" displayClassesByTag(‘rt-header-surround’); ?>>
<div id="rt-header-background" displayClassesByTag(‘rt-header-background’); ?>>
countModules(‘top’)) : ?>
displayModules(‘top’,’standard’,’standard’); ?>
countModules(‘header’)) : ?>
displayModules(‘header’,’standard’,’standard’); ?>
countModules(‘navigation’)) : ?>
<div id="rt-navigation" class="get(‘menu-centering’)) : ?>centered»>
displayModules(‘navigation’,’basic’,’basic’); ?>
countModules(‘controls’)) : ?>
displayModules(‘controls’,’basic’,’basic’); ?>
countModules(‘utility’)) : ?>
displayModules(‘utility’,’standard’,’standard’); ?>
countModules(‘showcase’)) : ?>
displayModules(‘showcase’,’standard’,’scroller’); ?>
countModules(‘feature’)) : ?>
displayModules(‘feature’,’standard’,’scroller’); ?>
countModules(‘maintop’)) : ?>
displayModules(‘maintop’,’standard’,’standard’); ?>
countModules(‘breadcrumb’)) : ?>
displayModules(‘breadcrumb’,’basic’,’breadcrumbs’); ?>
—–
Publicado: 19/01/2012 1:23 am
logo.xml
——–
——–
header-dark.css
——-
#rt-logo {background: url(../images/logo/dark/logo.png) 0 0 no-repeat;}
——–
template.css
——
/* Logo */
#rt-logo {display: block;width: 1200px;height: 110px;margin: 0;position: relative;z-index: 1000;}
.logo-block {margin-top: 0;margin-left: -180px;}
.centered #rt-logo {margin:top 0 auto;}
——
header.php
—–
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="language; ?>» lang=»language;?>» >
displayHead();
$gantry->addStyles(array(‘template.css’,’wordpress.css’,’wp.css’,’custom.css’));
$browser = $gantry->browser->name;
$ver = $gantry->browser->shortversion;
if ($browser == ‘ie’ && ($ver == 7 || $ver == 8 || $ver == 9)){
$gantry->addScript(‘IE-animations.js’);
}
if ($gantry->browser->platform != ‘iphone’)
$gantry->addInlineScript(‘window.addEvent(«domready», function(){ new SmoothScroll(); });’);
?>
<body displayBodyTag(array(‘bodyLevel’)); ?>>
countModules(‘drawer’)) : ?>
displayModules(‘drawer’,’standard’,’standard’); ?>
<div id="rt-header-surround" displayClassesByTag(‘rt-header-surround’); ?>>
<div id="rt-header-background" displayClassesByTag(‘rt-header-background’); ?>>
countModules(‘top’)) : ?>
displayModules(‘top’,’standard’,’standard’); ?>
countModules(‘header’)) : ?>
displayModules(‘header’,’standard’,’standard’); ?>
countModules(‘navigation’)) : ?>
<div id="rt-navigation" class="get(‘menu-centering’)) : ?>centered»>
displayModules(‘navigation’,’basic’,’basic’); ?>
countModules(‘controls’)) : ?>
displayModules(‘controls’,’basic’,’basic’); ?>
countModules(‘utility’)) : ?>
displayModules(‘utility’,’standard’,’standard’); ?>
countModules(‘showcase’)) : ?>
displayModules(‘showcase’,’standard’,’scroller’); ?>
countModules(‘feature’)) : ?>
displayModules(‘feature’,’standard’,’scroller’); ?>
countModules(‘maintop’)) : ?>
displayModules(‘maintop’,’standard’,’standard’); ?>
countModules(‘breadcrumb’)) : ?>
displayModules(‘breadcrumb’,’basic’,’breadcrumbs’); ?>
—–
Publicado: 19/01/2012 1:28 am
deseo insertar los codigos que muestras en el area el logo que se encuentre en header-dark.css. pero en css no se puede llamar un flash.
como puede realizarlo ?
header-dark.css
——-
#rt-logo {background: url(../images/logo/dark/logo.png) 0 0 no-repeat;}
——–
template.css
——
/* Logo */
#rt-logo {display: block;width: 1200px;height: 110px;margin: 0;position: relative;z-index: 1000;}
.logo-block {margin-top: 0;margin-left: -180px;}
.centered #rt-logo {margin:top 0 auto;}
——
Publicado: 07/02/2012 9:11 am
[…] theme wordpress para que fuera capaz de reproducir flash, esto puede hacerse mediante este plugin: WP-SWFObject.Finalmente nos centraríamos en subir juegos con frecuencia para mantener nuestro sitio actualizado […]
Publicado: 12/02/2012 3:19 pm
Hola, quisiera un poco de ayuda.
He leído que DW crea automáticamente la url para el AC_RunActiveContent.js, en mi caso tengo un video de youtube en el index y en uno que otro post,. Pero el problema se presenta cuando veo que hay más de 4mil urls solicitadas pero con error 404 not found.
En mis estadísticas me muestra algo así: http://www.dominio.com/post/DWConfiguration/ActiveContent/IncludeFiles/AC_RunActiveContent.js obviamente esa ruta no existe.
Encontré una posible solución y lo que hice fue que subí el archivo AC_RunActiveContent.js al directorio de mi theme y en el header agregué el link al archivo, pero no sé si sea lo correcto.
Publicado: 08/03/2012 9:04 am
Necesito alguna configuración especial del Wammp o del apache para que funcione el plugin? El flash me sale en lbanco y no lo reproduce
Un saludo
Publicado: 15/03/2012 4:49 am
Hello. Thanks for this awesome plugin.
Can you add please to wmode parameter «direct» value ?
wmode=»direct»
Without this parameter new technology Stage3d is not working.
Thanks alot
Publicado: 11/04/2012 5:32 am
no soy capaz de hacerlo funcionar
Publicado: 14/04/2012 6:15 pm
Te hago una consulta, como puedo hacer que los scripts necesarios se carguen al final del blog, en lugar que la cabezera. o mejor aun si puedo filtrar por id de pagina si se cargan los scripts o no.
Gracias!
Publicado: 27/04/2012 5:58 am
Magnifico plugin, estaba buscando algo parecido durante mucho tiempo, gracias me ha salvado la vida saludos.
Publicado: 06/05/2012 7:22 am
AJAX Libraries API, además cuenta con el panel de opciones actualizado para WordPress 3.2 y detección de iPhone.
Publicado: 17/07/2012 4:20 am
Hi,
I have used this code:
however the player keep repeating, how do i make it to play only once?
many thanks
Amar
Publicado: 07/08/2012 2:41 pm
El plugin esta genial, salvo el pequeño detalle que no re dimensiona ajustándose al ancho de pantalla, creo que no se puede crear en java (un ajuste basado en porcentaje) con lo que se debería crear un ajuste manual del ancho / alto, estoy tratando de buscar algo, si encuentro comunico
Publicado: 16/08/2012 12:02 pm
gracias por tu aporte
Publicado: 27/10/2012 12:20 pm
Hola
No me carga nada, ni los videos de Youtube. He revisado todo, simplificado al minimo, no carga nada.
Mil gracias
Publicado: 28/12/2012 9:21 am
[…] WP-SWFObject se instala como cualquier otro plugin, no pesa absolutamente nada y no tiene ningún tipo de configuración adicional, instalar y funcionar. […]
Publicado: 04/01/2013 8:49 pm
[…] плагина: Jim Penaloza Calixto Страница плагина: http://wordpress.org/extend/plugins/wp-swfobject/ […]
Publicado: 21/01/2013 9:14 am
[…] Menampilkan Flash atau .swf ini bisa temen temen download Disini , mudah kan? semudah Tambah Fitur Filter Foto dan Melihat ID Category di […]
Publicado: 23/01/2013 2:33 pm
[…] solución era bien simple: Instalar WP-SWFObject, un complemento (plug-in) de Jim Peñaloza […]
Publicado: 20/03/2013 7:26 am
[…] WP-SWFObject […]
Publicado: 30/03/2013 8:59 pm
Hola!
Tengo un problema con el plugin, que al momento de colocar mi archivo flash, dentro de la página me sale el siguiente error:
Notice: Undefined variable: doing_rss in /home/***/public_html/2013/wp-content/plugins/wp-swfobject/wp-swfobject.php on line 73
Notice: Undefined offset: 4 in /home/*****/public_html/2013/wp-content/plugins/wp-swfobject/wp-swfobject.php on line 81
Ya he instalado varias veces y nada que se borra,
El flash se ve estupendamente bien, pero el problema es ese méndigo mensaje quemolesta un poco, a ver si me hechan una mano.
GRACIAS!
Publicado: 14/11/2013 4:35 am
Estaba buscando un plug-in como este hace ya rato, muchas gracias excelente aporte.
Publicado: 27/01/2014 9:37 am
[…] Elimizden geldiği kadar eklentiyi detaylı anlatmaya çalıştık. Daha detaylı bilgi için eklenti sitesini ziyaret […]
Publicado: 15/02/2014 2:31 pm
Excelente, funciona perfecto muchas gracias.
Publicado: 21/04/2014 12:01 am
[…] しかたがないので、取り急ぎWP-SWFObjectで対応。 […]
Publicado: 25/06/2015 2:40 pm
[…] Elimizden geldiği kadar eklentiyi detaylı anlatmaya çalıştık. Daha detaylı bilgi için eklenti sitesini ziyaret […]