跳转到内容

模板:视频:修订间差异

来自失传媒体中文维基
HW
HW留言 | 贡献 (创建页面,内容为“<div class="bilibili-player-link">'''[[https://m.bilibili.com/video/{{{BV}}}?t={{{时间|0}}}&page={{{分P|1}}} {{{标题}}}]] '''</div> <div class="iframe-container"> <htmltag tagname="iframe" class="iframe_video" src="//player.bilibili.com/player.html?bvid={{{BV}}}&p={{{分P|1}}}&autoplay=0&t={{{时间|0}}}" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></htmltag> </div> {{#css: .bilibili-player-link { text-align: cen…”)
 
Thyj
Thyj留言 | 贡献
 
(未显示1个用户的13个中间版本)
第1行: 第1行:
<div class="bilibili-player-link">'''[[https://m.bilibili.com/video/{{{BV}}}?t={{{时间|0}}}&page={{{分P|1}}} {{{标题}}}]] '''</div>
<div class="include-video">
{{#switch: {{#if: {{{BV|}}}|1|}}{{#if: {{{YTID|}}}|2|}}
|12 = <!-- 同时有B站和YouTube,显示标签切换 -->
<tabber>
B站视频=
<div class="bilibili-player-link">'''[https://m.bilibili.com/video/{{{BV}}}?t={{{时间|0}}}&p={{{分P|1}}} {{{标题|B站视频}}}] '''</div>
<div class="iframe-container">
<htmltag tagname="iframe" class="iframe_video" src="//player.bilibili.com/player.html?bvid={{{BV}}}&p={{{分P|1}}}&autoplay=0&t={{{时间|0}}}" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></htmltag>
</div>
|-|
YouTube视频=
<div class="bilibili-player-link">'''[https://www.youtube.com/watch?v={{{YTID}}}&t={{{YTStart|0}}}s&list={{{YTPlaylist|}}} {{{YT标题|YouTube视频}}}] '''</div>
<div class="iframe-container">
<htmltag tagname="iframe" class="iframe_video" src="//www.youtube.com/embed/{{{YTID}}}?start={{{YTStart|0}}}&list={{{YTPlaylist|}}}&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></htmltag>
</div>
</tabber>
 
| 1 = <!-- 只有B站视频 -->
<div class="bilibili-player-link">'''[https://m.bilibili.com/video/{{{BV}}}?t={{{时间|0}}}&page={{{分P|1}}} {{{标题|B站视频}}}] '''</div>
<div class="iframe-container">
<div class="iframe-container">
<htmltag tagname="iframe" class="iframe_video" src="//player.bilibili.com/player.html?bvid={{{BV}}}&p={{{分P|1}}}&autoplay=0&t={{{时间|0}}}" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></htmltag>
<htmltag tagname="iframe" class="iframe_video" src="//player.bilibili.com/player.html?bvid={{{BV}}}&p={{{分P|1}}}&autoplay=0&t={{{时间|0}}}" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></htmltag>
</div>
| 2 = <!-- 只有YouTube视频 -->
<div class="bilibili-player-link">'''[https://www.youtube.com/watch?v={{{YTID}}}&t={{{YTStart|0}}}s&list={{{YTPlaylist|}}} {{{标题|YouTube视频}}}] '''</div>
<div class="iframe-container">
<htmltag tagname="iframe" class="iframe_video" src="//www.youtube.com/embed/{{{YTID}}}?start={{{YTStart|0}}}&list={{{YTPlaylist|}}}&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></htmltag>
</div>
| #default = <!-- 无有效参数,提示 -->
<div style="color: red; text-align: center;">请填写B站BV号(BV参数)或YouTube视频ID(YTID参数)</div>
}}
</div>
</div>


{{#css:
{{#css:
/* 通用链接样式(B站/YouTube通用) */
.bilibili-player-link {
.bilibili-player-link {
     text-align: center;
     text-align: center;
第12行: 第42行:
     margin:auto auto;
     margin:auto auto;
     text-decoration: none;
     text-decoration: none;
    color: #206090;
}
}
.bilibili-player-link a:hover {
.bilibili-player-link a:hover {
第17行: 第48行:
}
}


}}
/* 视频容器样式(通用) */
.include-video {
margin: 0 auto;
}
 
.iframe-container {
    max-width: 75%;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    margin: 0 auto;
}
.iframe-container .iframe_video {
    position: absolute;
    width: 100%;
    height:60%;
    left: 0;
    top: 0;
}


/* 响应式适配 */
@media only screen and (max-width: 767px) {
    .iframe-container {
        padding-bottom: 65%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .iframe-container {
        padding-bottom: 70%;
    }
}


.tabberneue > ul {
    text-align: center;
    margin-bottom: 10px;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
    list-style: none;
    padding-left: 0;
}
.tabberneue > ul > li {
    display: inline-block;
    margin: 0 5px;
}
.tabberneue > ul > li > a {
    padding: 8px 15px;
    background: #f5f5f5;
    border-radius: 4px 4px 0 0;
    text-decoration: none;
    color: #333;
}
.tabberneue > ul > li > a:hover, .tabberneue > ul > li.tabberneue-active > a {
    background: #206090;
    color: #fff;
}
/* 隐藏默认的标签下划线 */
.tabberneue > ul > li.tabberneue-active > a {
    border-bottom: none;
}
}}


<noinclude>
<noinclude>
== 使用说明 ==
== 使用说明 ==
调用格式:
1. 仅嵌入B站视频
<pre style="background: #f9f9f9; padding: 10px; border: 1px solid #ddd; border-radius: 4px;">
<nowiki>
{{视频
{{视频
|BV=视频BV号
|BV=视频BV号(必填)
|标题=视频标题
|标题=视频标题
|分P=分P数(可选,默认1)
|分P=分P数(可选,默认1)
|时间=开始秒数(可选,默认0)
|时间=开始秒数(可选,默认0)
}}
}}
</nowiki>
</pre>
2. 仅嵌入YouTube视频
<pre style="background: #f9f9f9; padding: 10px; border: 1px solid #ddd; border-radius: 4px;">
<nowiki>
{{视频
|YTID=YouTube视频ID(必填,如https://youtu.be/ABC123 中的 ABC123)
|YT标题=视频标题
|YTStart=开始秒数(可选,默认0)
|YTPlaylist=播放列表ID(可选,对应分P)
}}
</nowiki>
</pre>


示例:
3. 同时嵌入B站+YouTube(自动显示切换标签)
<pre style="background: #f9f9f9; padding: 10px; border: 1px solid #ddd; border-radius: 4px;">
<nowiki>
{{视频
{{视频
|BV=BV1xx411c7mK
|BV=B站BV号
|标题=测试视频
|YTID=YouTube视频ID
|分P=2
|标题=B站视频标题
|时间=60
|YT标题=Youtube视频标题
|分P=B站分P(可选)
|时间=B站开始秒数(可选)
|YTStart=YouTube开始秒数(可选)
|YTPlaylist=YouTube播放列表(可选)
}}
}}
</nowiki>
</pre>
</noinclude>
</noinclude>

2026年3月3日 (二) 13:24的最新版本

请填写B站BV号(BV参数)或YouTube视频ID(YTID参数)



使用说明

1. 仅嵌入B站视频


{{视频
|BV=视频BV号(必填)
|标题=视频标题
|分P=分P数(可选,默认1)
|时间=开始秒数(可选,默认0)
}}

2. 仅嵌入YouTube视频


{{视频
|YTID=YouTube视频ID(必填,如https://youtu.be/ABC123 中的 ABC123)
|YT标题=视频标题
|YTStart=开始秒数(可选,默认0)
|YTPlaylist=播放列表ID(可选,对应分P)
}}

3. 同时嵌入B站+YouTube(自动显示切换标签)


{{视频
|BV=B站BV号
|YTID=YouTube视频ID
|标题=B站视频标题
|YT标题=Youtube视频标题
|分P=B站分P(可选)
|时间=B站开始秒数(可选)
|YTStart=YouTube开始秒数(可选)
|YTPlaylist=YouTube播放列表(可选)
}}