javascript - JS 编写 HTML <video class"afterglow"> 并链接一个类

Question

我在这个项目中遇到一些问题，我有一个 JS 文件，它是一些 boostrap 模式 popu.p 并打印 html5 视频播放器...但问题是我无法链接视频播放器主题的类。你们能帮我找到问题或解决方案吗？

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工作时他连接类(class)并带播放器，但余辉不连接，为什么？仅显示标准白色 html 视频播放器

Answer 1

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

当您使用 jQuery 时，我假设您的代码与 afterglow 一样绑定(bind)了此事件(这是使用 jQuery 的默认方式)，因此您需要再次应用此事件(例如在 video_wpp 之后) .append(视频);.