2017-04-06 33 views
0

我有这个项目的一些问题我有一个JS文件谁是一些boostrap模态popu.p和打印html5 videoplayer ......但问题是,我无法链接课程的videoplayer主题。你们能帮我找到问题或解决方案吗?JS写HTML <video class“afterglow”>并链接一个类

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脚本

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链接为什么呢?仅显示标准的白色html视频播放器

回答

0

动态添加视频元素后,需要使用afterglow.init()初始化余晖。这会在DOMContentLoad事件触发时自动发生,但必须在DOMContentLoaded事件之后添加视频时手动完成。

当你正在使用jQuery,我认为你的代码所绑定的这个事件就像余辉(这是默认的方式使用jQuery工作),所以你需要(video_wpp.append(video);后再次连接应用此。

+0

我试图 video.append(SRC); video_wpp.append(视频); 格式= “MP4”; afterglow.init(); 我试图afterglow.init(视频);和afterglow.init (myvideo); 没有什么变化,标准的白色录像机html5 – rockandroll

+0

请参见论坛讨论。 https://community.afterglowplayer.com/d/78-write-js-html-cant-connect-class – mvmoay

相关问题