Colocar videos en la web

Vaya, ayer envié un mensaje y parece que no ha salido. Intento repetirlo. Bueeeeeeeeeeeno, por fin triunfé. Conseguí colocar los vídeos en su lugar y funciona, al menos en fire. Yo trabajo habitualmente con el fire. Resulta que el tema se ve bien y de forma correcta en fire, pero no hay manera en ie. Hice lo que me dijiste de colocar el código: <script type="text/javascript" src="swfobject.js"></script> en la plantilla general. De esta manera en cada hoja que se abre está el código. Tambien puse el archivo swfobject.js en la carpeta general. Cuando abro la página en ie, a parte que la cabecera sale desplazada, como siempre, ahora sale un aviso que dice que "ie impide que esta página ejecute scrips o controles ActiveX, que podrían obtener acceso al equipo". Si le doy permiso, en el lugar donde está el video, solo sale un rectangulo con un texto que dice: "Error: archivo .flv no disponible"... Y no tengo ni idea de cómo solucionarlo. Tiene solución?

salu2
www.histoviatges.com + enlace Argentina 2004 + enlace Calafate. Lago argentino y Iguazú. Ahí estan los cuatro videos...

salu2
johnpeterjp, has visto algo? En fire funciona perfecto, pero en ie no...
Otra cosa, puestos a enredar, y perdona por la pesadez, hay posibilidad de cambiar las características del player? Es decir, que se vea la pantalla de otra forma, otro estilo, con las esquinas redondeadas, los mandos de ampliar, avanzar, atrasar, volumen, la barra de progreso, etc. Solo necesito que me digas si es posible y si se puede hacer a través de algún sitio, de la página player.html...? De todas maneras, todo y siendo muy basica la pantalla, ya me estaría bien.

Bien, gracias por la atención, por la ayuda y, sobre todo, por la paciencia...

salu2
Este player es como dice su archivo de texto. fácil y sencillo sin grandes complicaciones, listo para usar. Modificarlo tendrías que trabajar el archivo fla y creo que eso te vá a complicar en extremo. No sé si viste el último player que subí, en ese puedes hacer todo lo que imaginas. Te dejo el enlace y si lo usas, que lo que aprendiste con este te sirva de experiencia que nunca está demás. Son similares en programación solo que el nuevo es más avanzado en detalles y aspecto visual.

http://www.comocreartuweb.com/consultas/showthread.php/51491-Video-…

Olvidaba darte una recomendación; has pensado en "Paginar" el contenido de la página, de Argentina, por ejemplo, la página es tremendamente larga hacia abajo, además tardaa mucho en cargar y eso que tengo 16 MB en mi internet. Je, je.

Otra cosa; las imágenes redimensiónalas al tamaño que estás usando 300x200px más menos porque las agregas así y en realidad son de 800x600px, eso genera que la página carge lenta. Crea una miniatura y la enlazas a la imágen grande.

Saludos.

-------------------------------- EDITO -----------------------------------

Ahora que lo pienso quizás el hecho de que no ves o veías las imágenes en los player puede haber sido que los videos no cargaban. Ahora veo que si están la imágenes.

[contenido no disponible]

-------------------------------- RE - EDITO -----------------------------------

En firefox el video se vé bien sin problemas, en IE que es más "torpe" si lo mandas a comprar a la esquina... tienes que darle un mapa para llegar, je, je. Te ejemplifico así por que en el código para el player hay 2 rutas al video, la primera está perfecta y firefox la interprepa bien, IE se pierde. Fíjate en ésta línea en el código te las voy a poner en "Negrita y color" cuando la corrijas vas a ver que se soluciona el tema.

----------------------------------------------------------------------------------------------------------------------------------

<object data="player.swf?video=imatges-argentina/iguazu2.flv&buffer=2" type="application/x-shockwave-flash"
width="345" height="300" hspace="10" vspace="5" align="right" >
<param name="movie" value="player.swf?video=video.flv&buffer=2" />
Per reproduir aquest vídeo necessites l'última versió de Macromedia
Flash Player. És gratuïta. <a href="http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_V…">Descarrega-la</a>.
</object>

----------------------------------------------------------------------------------------------------------------------------------

La que está en ROSA tienes que cambiar, agregar la misma ruta que la ROJA.

Otra cosa, ésta línea me parece que está demás:

<script src="Scripts/AC_ActiveX.js" type="text/javascript"></script>

Usa la que te dejé antes junto al archivo .js ese es el correcto para las aplicaciones flash para explorer.
Fantástico el enlace, eso es lo que quisiera. Ufff!!! Otro reto... Voy a intentar ponerlo en práctica. Pero vamos por partes con la anterior consulta:

1.- Voy a probar de trabajar con el nuevo enlace. Promete mucho... a ver si olo que he aprendido, gracias a ti, me sirve y puedo trabajarlo. En seguida que pueda me meto de lleno.

2.- Cierto, me he dado cuenta que las páginas son demasiado largas. En algunas ya las separé, pero me he pasado en alguas otras. Tenes razón, las paginaré más cortas.

3.- Las imagenes las he hecho así, porqué la peña se me quejaba que había demasiado texto y pocas imagenes. He intentado compaginar las imagenes para que no sea tan pesado el texto. No se si se logra...

4.- I sí, fantástico, le has dado en el clavo, no se veía bien en IE porquè faltaba ponerle la dirección en el segundo lugar. Prové de hacer estos cambios, pero por separado y no me di cuenta de los resultados. Ahora perfecto, pero como voy a investigar con el nuevo formato...

He entendido que dentro de la misma carpeta, deben ir los archivos .js, settings.xml (con la configuración del video) y hay que añadir a la página principal los códigos del archivo video-player.html, de la misma manera que ahora tengo los códigos que me diste anteriormente (y que deberé eliminar), no es cierto?

Bueno, en cuanto pueda me pongo a trabajar en ello y te digo algo... No sabes cuanto te lo agradezco...

Muchas gracias, eres un krack...

salu2
Por nada jaume, al contrario...Gracias a tí por ir entendiendo finalmente...que bastante me ha costado..ja, ja, ja... Me alegra que todo resulte y te agrade el resultado.

Ahora sigue a ganador y pasa rápidito a la próxima etapa con el otro player que ese si te va a dejar alusinado. En cuanto lo manejes te voy a pasar otras instancias del mismo, como por ejemplo "enviar a un amigo", "codigo para embed, como youtube"...en fín pero para eso falta un poco. Saludos, felicidades y un gusto ayudarte.
Bueno, ya vuelvo a dar la vara... El problema no eres tu ni tu manera de explicar las cosas, johnpeterjp, el problema soy yo que debería saber más de lo que se... Pero con tu permiso, y si la paciencia te lo permite, debo hacerte unas pocas preguntas más.

Trabajando con el dream, he puesto, modificado etc, el primer vídeo en la web.
En la carpeta argentina, hay los sigueintes archivos:

imatges-argentina. Contiene las imagenes, videos y portadas que he colocado en la página.

AC_RunActiveContent.js. Necesario para que funcione el/los vídeos.

argentina.html. Página general de gestión.

fotos-argentina.html. Gestor de la galería de imagenes a parte de la página principal.

player.swf. Deberé quitarlo porque pertenecen al visor de vídeos anterior (si no lo he quitado aún, es para saber el lugar donde debo sustituirlos. Cuando funcione el player nuevo lo eliminaré).

settings.xml. Archivo que permite configurar el/los videos.

videoPlayer.swf. Necesario para que funcione el/los videos.

Bueno, siguiendo el excelente tuto que pusiste en el otro hilo y las instrucciones de este, en un momento tuve el primer vídeo colocado en la web (siempre a través del dream. Aún no he subido las modificaciones al servidor). Modifiqué el archivo settings.xml, poniendo el nombre del vídeo peritomoreno1.flv, y el de una foto de portada. Copié y pegue, en argentina.html, la totalidad del codigo que contiene el archivo leeme.txt. Y también pegué la etiqueta en la cabecera del archivo principal index.html. Pero ahí no entendí el siguiente apartado y, por tanto, no modifiqué nada:

También deben modificar en el código de abajo el tamaño
si quieren uno distinto al 550x400 y la instrucción:

'flashvars', 'htmlPage=videoPlayer.html'

Con el nombre del archivo html dónde van a poner el player.
Sólo eso deben modificar y adaptar a sus webs.

Lo probé y el aspecto fanstástico, el resultado és exactamente el que quiero y lo puedo configurar, fabuloso... peeeeeeeeeeeeeeero... siempre tiene que haber un pero...

Copié el nuevo el codigo del leeme.txt en el siguiente lugar donde debe ir el vídeo 2... Copié el codigo del archivo settins.xml, lo pegué a continuació del anterior y le cambié el nombre del vídeo... Me aparece el mismo vídeo, el primero. Desde ahí no consigo desvelar cómo debería poner los códigos y donde, para que cada uno gestionara su propio vídeo. Es decir, como se ponen más de un vídeo en la misma página. He estado probando diferentes opciones, pero no doy con la solución. Tal vez el probema está el ese apartado que no entendí? He intentado localizar alguna pista en el codigo leeme.txt que haga referencia a settings.xml, o a donde debe ir a buscar el vídeo, pero no he sabido encontrar-lo... En fin, si pudieras darme el último empujón, pues te lo agrdeceré todavía más si es posible...

Gracias de nuevo

salu2
Está mal lo que has hecho. El player está configurado en flash para que acceda a los datos del archivo xml, no puedes agregar mas de 1 video por xml, como todo en términos web, debe y debes crear un órden, ya sea en instrucciones como en archivos y en carpetas, lo siguiente son las rutas para cada indicación. Vale decir:

- Si queremos ver varios videos dentro del mismo archivo html (contenedor) entonces creamos carpetas para cada grupo de archivos para los videos y luego insertamos los player en el contenedor, a cada uno lo llamamos desde su carpeta, para que interprete sus propios datos dentro de su propia carpeta.

[contenido no disponible]

El código para cada player es el siguiente:

<!-- Inicio Player y Video 1 -->
<!--url's used in the movie-->
<!--text used in the movie-->
<!--by [correo eliminado]>
<script language="javascript">
	if (AC_FL_RunContent == 0) {
		alert("This page requires AC_RunActiveContent.js.");
	} else {
		AC_FL_RunContent(
			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
			'width', '550',
			'height', '400',
			'src', 'videoPlayer',
			'quality', 'high',
			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'showall',
			'wmode', 'window',
			'devicefont', 'false',
			'id', 'videoPlayer',
			'bgcolor', '#000000',
			'name', 'videoPlayer',
			'menu', 'true',
			'allowFullScreen', 'true',
			'allowScriptAccess','sameDomain',
			'movie', 'videoPlayer',
			'salign', '',
			'flashvars', 'htmlPage=paginaweb-que-quieras.html'
			); //end AC code
	}
</script>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="550" height="400" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="true" />
	<param name="movie" value="video-argentina-1/videoPlayer.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#000000" />
    <param name="flashvars" value="htmlPage=paginaweb-que-quieras.html" />
    <embed flashvars="htmlPage=paginaweb-que-quieras.html" src="video-argentina-1/videoPlayer.swf" quality="high" bgcolor="#000000" width="550" height="400" align="middle" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<!-- Fin Player y Video 1 -->

Recuerda cambiar las rutas, el tamaño y el nombre de la página donde agregas los players.

Me he tomado el tiempo y acá te dejo un ejemplo en html con sus videos y todo... http://hotfile.com/dl/117196642/6102223/prueba-multivideos.rar.html

Lo próximo para hacer despues del tema de los videos es un lightbox para tus imágenes. Saludos.
Bueno, esto funciona. Me ha costado, pero gracias a los dos tutos tuyo lo conseguí y, sobre todo, lo entendí. Muchas gracias compañero, por tu ayuda, pero sobre todo por la paciencia... Y puestos a abusar, me permites un par de preguntas más? Solo un par de preguntas:

1.- Ayer lo conseguí en una de las páginas, pero con la imagen a la izquierda, el texto de me pegaba al video. Si lo cambiaba a la derecha quedaba bien. Hoy, con otra página, el texto de pega tanto si el video está a la derecha como si está a la izquierda...

[contenido no disponible]

En espacio vertical y horizontal de la configuración de la pantalla en dream, está correcto, y por mucho que aumente la distancia, solo consigo que se despegue de los laterales, pero no el texto de la pantalla.

2.- Para reducir el tamaño de la pantalla conservando la proporcionalidad, basta con modificar las medidas en el archivo settings.xml? o hay que modificar todas las medidas en todos los sitios donde aparezcan estas?

Y finalmente, que es "un lightbox para mis imagenes"?

Infinitas gracias de nuevo...

salu2
Ya ando loko... Lo conseguí y ya lo he subido. Pero me encuentro con un par de problemas más.

1.- a Cada vídeo le he puesto una imagen (portada) de inicio con el título del vídeo. En la carpeta Argentina funciona bien en dream, pero al subir el tema al servidor, hay la imagen del primer vídeo que no aparece. Este funciona, pero si imagen.

2.- En la carpeta Jordania, cuando se cargan los vídeos aparecen las portadas de los vídeos, pero cuando los activas y llegan al final, se queda en pantalla el último fotograma del vídeo, pero no salta automaticamente a la portada. Para que reaparezca, hay que clicar sobre el cuadradillo negro de stop al dado del play...

ya veo codigos, pantallas, vídeos y imagenes hasta durmiendo, sueño con todo el tema...

Bueno, a ver si sabes o intuyes por donde andan los problemas...

Gracias y saludos...
Podrías subir el sitio comprimido a Megaupload por ejemplo y pasarme el link por MP para checar algunas cosas, así luego comprendes viendo como lo dejo. Lo del lightbox, una vez que terminemos ésto de los videos... paciencia.