插件很好，但是有个局限提下

Ltre commented 9 years ago

生成的video里，很多地方都是用ID的，这个不妥。尤其是“#danmu71452”，还有其它例如#danmu_text，danmu_send

如果一个页面使用两个播放器，那就会出现ID选择器重复使用的问题。望改进。 THX

Ltre commented 9 years ago

另外，还有播放器自带按钮位置没有提供位置定义。现在是偏于左上角的。

点击整个播放屏幕，不能实现暂停或播放，我这里稍微处理了下也能用。

不过希望后续的版本能够改进哈

    function initPlayer(selector, args){
        var video = $(selector);
        var leftCmd = args.leftCmd;
        var rightCmd = args.rightCmd;
        var enableDanmu = args.enableDanmu;
        delete args.leftCmd;
        delete args.rightCmd;
        delete args.enableDanmu;

        video.danmuplayer(args);
        $('#danmu_send_opt').text(leftCmd);
        $('#danmu_shi_opt').text(rightCmd);

        var canvas1 = $('#danmu_video_html5_api');//播放前整个屏幕布
        var canvas2 = $('#danmu71452');//播放时整个屏幕布
        canvas1.css({cursor: 'pointer'});
        canvas2.css({cursor: 'pointer'}).click(function(evt){ video.find('.vjs-play-control:first').click(); });
        $('.vjs-big-play-button').hide();//去除播放器自带按钮

        enableDanmu || $('.shezhi,#danmu_text,#send_danmu').hide();//屏蔽弹幕操作

    }

    var initArgs = {
        //以下是基本属性
        src: 'http://w5.dwstatic.com/1/6/1514/109082-99-20150402172249.mp4',
        width: 800,
        height: 445,
        //以下是弹幕属性
        speed: 20000,
        danmuss: {},
        default_font_color: "#FFFFFF",
        font_size_small: 16,
        font_size_big:28,
        opacity: "1",
        top_botton_danmu_time: 6000,
        url_to_get_danmu: "",
        url_to_post_danmu: "",
        //以下是附加属性
        enableDanmu: false, //是否启用弹幕选项
        leftCmd: '发送设置 ',
        rightCmd: '显示'
    };

    initPlayer('#video', initArgs);

chiruom commented 9 years ago

你说的问题确实存在，谢谢你哈。未来尽量改进！@Ltre

hyede commented 9 years ago

java的url_to_get_danmu: "", url_to_post_danmu: "",可不可以给个模板呀。

chiruom / DanmuPlayer

插件很好，但是有个局限提下 #1