Buenas!
Estoy haciendo el siguiente planteamiento, empiezo a reproducir un video de Vimeo en un portal, y tengo un par de solapas en la zona superior, donde si pinchas en una, te marchar a otro apartado sin salir de la url de la web, todo esto lo hago con CSS, ahora viene la acción del botón, utilizo el siguiente código:
Código Javascript
:
Ver originalvar iFram, lru;
function startitup(){
iFram = document.getElementById('theClip');
lru = iFram.src.split('?')[0];
}
function postIt(action, value) {
var data = { method: action };
if (value) {
data.value = value;
}
if(lru !== undefined){
iFram.contentWindow.postMessage(JSON.stringify(data), lru);
}
}
Y después en el HTML y CSS hago esto:
Código HTML:
Ver original<body onload="startitup();"> <iframe id="theClip" src="http://player.vimeo.com/video/27855315?api=1" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen> </iframe> <input type="radio" id="tab-1" name="tab-group-1" onclick="postIt('pause');"></p>
Todo esto funciona sin ningún tipo de problema, el problema lo tengo cuando translado todo esto a Twig, entre condicionales if del código JavaScript le incluyo algún "alert" para ver si el código JavaScript está funcionando y me salta el "alert", también en la consola de Firefox si tengo la web en HTML y ejecuto la función "postIt('pause');" se para el video, pero si lo hago en el portal en el que tengo Twig no hace absolutamente nada.
Gracias!!