JS HTMLを書き込む<ビデオクラス> afterglow ">クラスをリンクします

Question

私はこのプロジェクトにいくつかの問題があります。私はいくつかのboostrapモーダルpopu.pとhtml5ビデオプレーヤーを印刷しているJSファイルを持っています...しかし、私はvideoplayerテーマのクラスをリンクすることはできません。問題や解決策を見つける手助けをしてくれますか？

HTML

<script type="text/javascript" src="js/afterglow.min.js"></script> 
<script type="text/javascript" src="js/jwplayer/jwplayer.js"></script> 
<script type="text/javascript" src="js/map.initialize.js"></script> 

JS SCRIPT

var video_wpp = null; 
var video = null; 
var format = ""; 
if(obj.filme == undefined || obj.filme == null){ 
    video_wpp = $("<div class='not_available'>Video not available!</div>"); 
} 
else{ 
    if(obj.filme.indexOf(".flv") > -1) 
    { 
     video_wpp = $("<div class='flv-video'></div>"); 
     video_wpp.attr("id", "flv_"+obj.id); 
     format = "flv"; 
    } 
    else if(obj.filme.indexOf(".mp4") > -1) 
    { 

     video_wpp = $("<div class='mp4-video'></div>"); 
     video_wpp.css({ 
      width: "100%" 
     }); 


     video = $('<video controls class="afterglow" oncontextmenu="javascript:return false;" id="myvideo" data-skin="dark" data-autoclose="true">'); 


     var src = $('<source src="movie.mp4" type="video/mp4"></video>'); 
     src.attr("src", obj.filme); 
     src.attr("type", "video/mp4"); 

     video.append(src); 
     video_wpp.append(video); 
     format = "mp4"; 
    } 
} 

JWPLAYERは、彼がクラスをリンクし、プレーヤーを持って動作しますが、残光は、なぜリンクdosent？

Answer 1

ビデオ要素を動的に追加した後、残光をafterglow.init()で初期化する必要があります。これは、DOMContentLoadイベントがトリガーされたときに自動的に発生しますが、DOMContentLoadedイベントの後にビデオを追加するときに手動で行う必要があります。

jQueryを使用しているので、私はあなたのコードがafterglow（これはjQueryを使用するデフォルトの方法です）のようにこのイベントにバインドされていると仮定しますので、これを再度適用する必要があります（video_wpp.append(video);。