Me presento.

Buenas noches a to2!!

Soy de Mallorca y me he registrado en este foro porque quiero entender un poco más sobre el lenguaje HTML, y bueno, ahí va mi pequeña historia… haber si alguien me resuelve dudas.

Hace 2 meses adquirí el iPhone 4, y le introduje un tema llamado LiveOS HD. He avanzado bastante y lo tengo personalizado, pero como es un pozo sin fondo, quiero personalizarlo más. Actualmente en la pantalla principal, está el Background de día y de noche, que cambia según si hay sol o luna, pues bien, he realizado unos videos en el que se ve el mismo fondo pero animado, es decir, la imagen es de 640x960, abajo del todo tengo el cesped, en medio el mar (en el que ahora lo he puesto en movimiento) y arriba el cielo.

He probado mil maneras para que el archivo .html dé la orden de que ponga el video y no la imagen (PNG), pero no hay manera.

El cuerpo del HTML original es el siguiente:

[i]<?xml version=“1.0” encoding=“UTF-16”?>
<html><head>

&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/&gt;
  
&lt;style&gt;
    body {
        background-color: white;
        margin: 0;
        padding: 0px 0 0 0;
        height: 480px;
        width: 320px;
    }

    img {
        -webkit-transition-property: opacity;
        -webkit-transition-duration: 2s;
        position: absolute;
        width: 320px;
        height: auto;
    }

    img.fade-out {
        opacity: 0;
    }

    img.fade-in {
        opacity: 1;
    }
&lt;/style&gt;

</head><body style=“color: white”>
<img id=“WPone”/>
<img id=“WPtwo”/>

&lt;script&gt;
var images = ['Overlaynight.png', 'Overlayday.png'];
var rtimes = [6,18]; 

var WPfade_in = WPone;
var WPfade_out = WPtwo;
var wpidx = -1;

function rotateWP() {
	var today=new Date();
	var h=today.getHours();
	var curidx=0;
	var i;
	
	for (i=((rtimes.length)-1);i&gt;=0;i--) 
	{
		if (h&lt;rtimes[i])	{curidx=i;}
	}

	if (curidx != wpidx) {
		wpidx = curidx;
		
		WPfade_in.src = images[wpidx];
		
		var WPfade_tmp = WPfade_in;
		WPfade_in = WPfade_out;
		WPfade_out = WPfade_tmp;

		WPfade_in.className='fade-out';
		WPfade_out.className='fade-in';
	
	}
	setTimeout(rotateWP,60*1000);	
}

rotateWP();	
&lt;/script&gt;

</body></html>[/i]

Y el cuerpo cambiado para el video es este:

[i]<?xml version=“1.0” encoding=“UTF-16”?>
<html><head>

&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/&gt;
  
&lt;style&gt;
body {
    background-color: white;
    margin: 0;
    padding: 0px 0 0 0;
    height: 480px;
    width: 320px;
}

img {
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 2s;
    position: absolute;
    width: 320px;
    height: auto;
}

img.fade-out {
    opacity: 0;
}

img.fade-in {
    opacity: 1;
}
&lt;/style&gt;

</head><body style=“color: white”>
<img id=“WPone”/>
<img id=“WPtwo”/>

&lt;script&gt;
&lt;embed src="Overlaynight.mov" autostart="false" loop="true"&gt;
  
var rtimes = [7,21]; 

var WPfade_in = WPone;
var WPfade_out = WPtwo;
var wpidx = -1;

function rotateWP() {
	var today=new Date();
	var h=today.getHours();
	var curidx=0;
	var i;
	
	for (i=((rtimes.length)-1);i&gt;=0;i--) 
	{
		if (h&lt;rtimes[i])	{curidx=i;}
	}

	if (curidx != wpidx) {
		wpidx = curidx;
		
		WPfade_in.src = images[wpidx];
		
		var WPfade_tmp = WPfade_in;
		WPfade_in = WPfade_out;
		WPfade_out = WPfade_tmp;

		WPfade_in.className='fade-out';
		WPfade_out.className='fade-in';
	
	}
	setTimeout(rotateWP,60*1000);	
}

rotateWP();	
&lt;/script&gt;

</body></html>[/i]

Hay algo que falla (jejeje), soy muy novato en este tema, pero espero que alguien me ayude.

Saludos!

¡Bienvenido!

Espero que te la pases bien en el foro y en el servidor :smiley:
Recuerda siempre respetar las reglas!
Y si tienes algún problema no dudes en preguntar :wink:

PD: No sé mucho de iPhones o de HTML pero un usuario que sí te puede ayudar es TrollKastel (=

Saludos!

Gracias Link por la bienvenida, haber si aparece alguien que me pueda dar una orientación ;).