Insertion de script DOM
-
29-10-2019 - |
Question
Je voulais insérer un petit script dans le DOM lors de l'exécution afin de charger un lecteur vidéo. Mais le joueur est chargé à tous les différents endroits, sauf <div>
où je veux que ce soit. Je ne comprends pas comment gérer cela. Je colle le code entier ici. Sil te plait aide moi.
<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&height=240&embedCode=thbXMxMzpq0RhOS82Hzx1lma8UMnFN-3&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>
la procédure d'ajout pour div.title
fonctionne bien. mais le div
dans lequel j'essaie d'ajouter le lecteur vidéo ne fonctionne pas correctement. Le lecteur vidéo est annexé au <head>
ÉDITER: Un gourou JavaScript peut-il s'il vous plaît regarder sur le joueur.js et me dire pourquoi cela ne fonctionne-t-il pas pour moi?
le joueur <div>
Contient ce qui suit:
<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>
Pas de solution correcte
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow