Insertar HTML 5 grande en entrada

[el_cesar]

Hola, tengo esta página http://www.ecobicis-colombia.com/happy-bici/ la animación de la bici está hecha en flash y publicada con swf como método tradicional, ahora estamos trabajando en la adaptación del sitio para móviles y tengo esa animación ya en HTML5 aqui http://www.ecobicis-colombia.com/html5/happy/happy.html pero resulta que no la he podido insertar a mi entrada, probé con un iframe pero no me convence de a mucho porque como que se demora mucho en cargar, que otra opción hay para poder insertarla.

Hay que tener en cuenta que no la pude convertir con swiffy porque swihffy solo soporta archivos hasta de 1 mb y estos son mas pesado.

Que me recomiendan?


gracias

[ArturoGallegos]

si quieres colocarla directamente en una entrada tal vez te sirva crear un shortcode que lo inserte.

[el_cesar]

esa idea me gusta, voy a buscar info a ver como crear el shortcode

[el_cesar]

mmm no, definitivamente no encuentro la forma de hacerlo, mejor dicho el punto es que estoy trabajando el sitio con el tema suffusion, ya lo hice responsive y está cargando digamos que bien en moviles, faltan algunos detalles, entre eso el de la animación, acabo de insertarla nuevamente con iframe y cargó un poco más rápido, sin embargo lo que necesito es que la redimensione para que se vea bien.

LLlevo días buscando y no encuentro como hacerlo.

[el_cesar]

Nada, intenté como shortcode pero no da resultado porque el html generado en cada animación es demasiado largo y no he podido reemplazar las " por ' para qu no me de error de sintaxis, hay alguna otra forma?

[ArturoGallegos]

si el problema es reemplazar las comillas dobles por simples, puedes meterlo todo en una variable y de esa forma no tendras que reemplazar nada.

utiliza el método

Código PHP:

$canvasX = <<<animacion
acá todo tu código tal cual esta sin reemplazar nada, 
como quien dice así a lo bruto va todo directo
incluso pueden ser múltiples lineas.
animacion;//con esta linea cierras la introducción de contenido, no debe tener espacios en blanco ni al principio ni al final de esta linea... e igual ninguna otra cosa.