•  29-10-2019
  •  | 
  •  

Pregunta

He tenido la intención de insertar un pequeño script en el DOM en tiempo de ejecución para cargar un reproductor de video. Pero el jugador se carga en todos los lugares diferentes excepto el <div> donde quiero que esté. No entiendo cómo lidiar con esto. Estoy pegando todo el código aquí. Por favor, ayúdame. 

<html>
<head><title>video test</title>
<script type="text/javascript" src="resources/js/jquery.js"></script>
<script type="text/javascript" src="swf.js"></script>
<script type="text/javascript">

$(document).ready(function(){
//  debugger;
    var template = $('<div class="sResult"><div class="figure"></div><div class="title"></div></div>');
    var url = 'http://player.ooyala.com/player.js?width=320&amp;height=240&amp;embedCode=thbXMxMzpq0RhOS82Hzx1lma8UMnFN-3&amp;callback=apicallback';
    var tempScript = document.createElement('script');
    tempScript.type = 'text/javascript';
    tempScript.src = url;

    $("#main").append(template);


    $("div.figure", $('#main')).html(tempScript);
    $("div.title", $('#main')).append("testkjdfnkjdb");

})
</script>   

</head>
<body>
    <div id="main"></div>
</body>
</html>

el procedimiento de anexo para div.title está funcionando bien. pero el div en el que estoy tratando de agregar el reproductor de video no funciona correctamente. El reproductor de video está siendo agregado al <head>

EDITAR: ¿Puede un gurú de JavaScript por favor mirar el jugador.js y decirme por qué no funciona para mí?

el jugador <div> contiene lo siguiente:

<div style="width: 320px; height: 240px; overflow: hidden;" id="ooyalaPlayer6764909_10qreejOoyalaPlayerOutterWrapper"><object width="320" height="240" type="application/x-shockwave-flash" id="ooyalaPlayer6764909_10qreej" class="OoyalaVideoPlayer" data="http://player.ooyala.com/static/cacheable/fb1a00342b9ec2d6df7c69946617dcee/player_v2.swf"><param name="allowScriptAccess" value="always"><param name="allowFullScreen" value="true"><param name="bgcolor" value="#000000"><param name="wmode" value="window">
<param name="flashvars"></object></div>

No hay solución correcta

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top