失传媒体中文维基

模板:视频：修订间差异

←上一编辑下一编辑→
可视化wikitext
HW
HW​（留言 | 贡献）
HW
HW​（留言 | 贡献）
第1行： 第1行：
<div class="bilibili-player-link">'''[[https://m.bilibili.com/video/{{{BV}}}?t={{{时间|0}}}&page={{{分P|1}}} {{{标题}}}]] '''</div>
{{#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}}}&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>
</div>
|-|
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>
</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">
<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>
}}


{{#css:
{{#css:
/* 通用链接样式（B站/YouTube通用） */
.bilibili-player-link {
.bilibili-player-link {
     text-align: center;
     text-align: center;
第12行： 第40行：
     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行： 第46行：
}
}


/* 视频容器样式（通用） */
.iframe-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%; /* 16:9比例 */
    margin: 0 auto;
}
.iframe-container .iframe_video {
.iframe-container .iframe_video {
     position: relative;
     position: absolute;
     width: 100%;
     width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
}


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


@media only screen and (min-width: 992px) and (max-width: 1199px) {
/* TabberNeue标签样式优化（适配新版扩展） */
     .iframe-container .iframe_video {
.tabberneue > ul {
        height: 30em;
    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 {
@media only screen and (min-width: 1200px) {
    padding: 8px 15px;
     .iframe-container .iframe_video {
    background: #f5f5f5;
        height: 40em;
    border-radius: 4px 4px 0 0;
     }
     text-decoration: none;
     color: #333;
}
}
 
.tabberneue > ul > li > a:hover, .tabberneue > ul > li.tabberneue-active > a {
.iframe-container {
     background: #206090;
     position: relative;
     color: #fff;
    width: 100%;
     height: 0;
    padding-bottom: 75%
}
}
 
/* 隐藏默认的标签下划线 */
.iframe-container iframe {
.tabberneue > ul > li.tabberneue-active > a {
     position: absolute;
     border-bottom: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
}
}}
}}


<noinclude>
<noinclude>
== 使用说明 ==
== 使用说明 ==
 
### 1. 仅嵌入B站视频
调用格式：
<nowiki>
<nowiki>
{{视频
{{视频
|BV=视频BV号
|BV=视频BV号（必填）
|标题=视频标题
|标题=视频标题（可选）
|分P=分P数（可选，默认1）
|分P=分P数（可选，默认1）
|时间=开始秒数（可选，默认0）
|时间=开始秒数（可选，默认0）
}}
</nowiki>
### 2. 仅嵌入YouTube视频
<nowiki>
{{视频
|YTID=YouTube视频ID（必填，如https://youtu.be/ABC123 中的 ABC123）
|标题=视频标题（可选）
|YTStart=开始秒数（可选，默认0）
|YTPlaylist=播放列表ID（可选，对应分P）
}}
</nowiki>
### 3. 同时嵌入B站+YouTube（自动显示切换标签）
<nowiki>
{{视频
|BV=B站BV号
|YTID=YouTube视频ID
|标题=通用视频标题（可选）
|分P=B站分P（可选）
|时间=B站开始秒数（可选）
|YTStart=YouTube开始秒数（可选）
|YTPlaylist=YouTube播放列表（可选）
}}
}}
</nowiki>
</nowiki>
</noinclude>
</noinclude>
检索自“https://lostmediawiki.cn/wiki/模板:视频”