查看“Widget:Bilibili”的源代码

<noinclude><poem>
名称：Bilibili视频插件
作者：加大号的猫
修订：[[User:Boxsnake|Boxsnake]]
重修订：[[User:AnnAngela]]
版权协定：MIT
移动版支持：[[User:Nbdd0121|XYZ指示物]]
发布日期：2012年6月29日第一版发布，2015年2月6日更新，2016年11月29日更新更多细节。
发布地址：zh.moegirl.org/Widget:Bilibili
注意事项：如有问题，请联系作者。
插入语法：<code><nowiki>{{#widget:bilibili|title=视频|id=6988716|page=2|width=600|height=421|autoplay}} {{#widget:bilibili|title=视频|id=6988716|pagename=2016WCS世界总决赛 决赛 ByuN VS Dark-1|width=600|height=421|autoplay}}</nowiki></code>
demo：{{#widget:bilibili|title=视频|id=6988716|page=2|width=600|height=421|autoplay}}
{{#widget:bilibili|title=视频|id=6988716|pagename=2016WCS世界总决赛 决赛 ByuN VS Dark-1|width=600|height=421|autoplay}}
</poem>
== 参数解释 ==
* '''title''' 视频标题，可选，如果没有此参数或参数为空，会自动获取视频标题
* '''id''' 视频的av号（{{color|red|必需参数}}）
* '''page''' 如果视频有分页，可以通过这个参数指定页数，可选，默认为1
* '''pagename''' 如果视频有分页，可以通过这个参数指定分页标题，可选，默认为空
* '''width''' 视频宽度，单位为像素，可选，默认为600
* '''height''' 视频高度，单位为像素，可选，默认为421
* '''autoplay''' 是否自动播放，自动播放设置此值为true（也可以只写autoplay参数），可选，默认为否
</noinclude>
<includeonly>
<table class="wikitable bilibili-video-container" data-vid="<!--{$id|default:''|escape:'html'}-->" data-page="<!--{$page|default:1|escape:'html'}-->" data-pagename="<!--{$pagename|default:''|escape:'html'}-->" data-title="<!--{$title|default:''|escape:'html'}-->" data-embed='<embed height="<!--{$height|default:421|escape:' html '}-->" width="<!--{$width|default:600|escape:'html '}-->" quality="high" allowfullscreen="true" type="application/x-shockwave-flash" src="https://static-s.bilibili.com/miniloader.swf?aid=<!--{$id|default:' '|escape:'html '}-->&amp;page=<!--{$page|default:1|escape:'html '}-->" flashvars="aid=<!--{$id|default:' '|escape:'html '}-->&amp;page=<!--{$page|default:1|escape:'html '}-->&amp;autoplay=<!--{$autoplay|default:false|escape:'html '}-->" pluginspage="https://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"></embed>'>
<tr>
<th style="text-align: center;">
<a class="bilibili-title external text" href="http://www.bilibili.com/video/av<!--{$id|default:''|escape:'html'}-->/index_<!--{$page|default:1|escape:'html'}-->.html" target="_blank" rel="nofollow" style="margin: 0 0.4em 0 0.2em;"></a>
<input type="button" class="bilibili-toggle" value="显示视频" style="float: right;" />
</th>
</tr>
<tr class="bilibili-video" style="display: none;">
<td class="bilibili-embed-container"></td>
</tr>
</table>
<!--{if !isset($wgBilibili) || !$wgBilibili}-->
<!--{assign var="wgBilibili" value=true scope="global"}-->
<style>
.bilibili-video-button,.bilibili-video-button:visited {
    display: inline-block;
    margin: 4px 5px;
    padding: 0 25px;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background: #de698c;
    border-radius: 4px;
}
</style>
<script>
window.RLQ.push(function() {
    if (mw.config.get('skin') === 'minerva') $('.bilibili-video-container').each(function() {
        element = $(this);
        var link = element.find('a').first().attr('href'),
            page = +this.dataset.page;
        var button = $('<a>').addClass('bilibili-video-button').attr('href', link).text((/av[0-9]+/.exec(link) || [''])[0] + (page !== 1 ? ' (' + page + ')' : ''));
        element.before(button).remove();
    });
    else $('.bilibili-video-container').each(function() {
        var dataset = this.dataset,
            id = this.dataset.vid.replace('av', ''),
            page = +this.dataset.page,
            pagename = this.dataset.pagename,
            title = this.dataset.title,
            embed = this.dataset.embed, //jQuery无法操作<embed/>的属性，故用字符串生成
            embedContainer = $(this).find('.bilibili-embed-container'),
            a = $(this).find('a'),
            title_text = $(this).find('.bilibili-title');
        //请求标题、分页数
        $.ajax({
            url: 'https://bcid.moegirlpedia.moetransit.com/api/BilibiliCid',
            type: 'GET',
            data: {
                id: 'av' + id
            },
            success: function(data) {
                var list = data.VideoEntities.sort(function(a, b) {
                        return +(/^\d+/.exec(a.Title) || [a.Id])[0] - +(/^\d+/.exec(b.Title) || [b.Id])[0];
                    }).map(function(e, i) {
                        e.page = i + 1;
                        e.title = e.Title.replace(/^\d+、/, '');
                        delete e.Id;
                        delete e.ParentCollectionId;
                        delete e.Title
                        return e;
                    }),
                    _page = 1,
                    name = title || (data.Title ? data.Title : 'av' + id),
                    index,
                    length;
                if (pagename) {
                    for (index = 0, length = list.length; index < length; index++) {
                        if (list[index].title !== pagename) continue;
                        _page = list[index].page;
                        break;
                    }
                } else _page = page;
                var href = a.attr('href');
                $(embed.replace(new RegExp('page=' + page, 'g'), 'page=' + _page)).appendTo(embedContainer);
                a.attr('href', href.replace(new RegExp('/index_' + page, 'g'), '/index_' + _page));
                if (_page !== 1) name += ' (' + _page + ')';
                title_text.text(name);
            },
            error: function(e) {
                console.debug('networkError', 'widget:Bilibili', 'av' + id, JSON.stringify(e));
                title_text.text(title || 'av' + id + (page !== 1 ? ' (' + page + ')' : ''));
                $(embed).appendTo(embedContainer);
            }
        });
        //toggle
        $(this).find('.bilibili-toggle').click(function() {
            $(this).closest('tbody').children('.bilibili-video').toggle();
            if ($(this).val() == '显示视频') {
                $(this).val('隐藏视频');
            } else {
                $(this).val('显示视频');
            }
        });
    });
});
</script>
<!--{/if}-->
</includeonly>