查看“探索MediaWiki”的源代码

=== 外链图片并显示缩略图 ===

[[Image:image-20240729090614454.png|thumb|描述文字|https://www.guohao.asia/picgo/image-20240729090614454.png]]
<pre>[[Image:image-20240729090614454.png|thumb|描述文字|https://www.guohao.asia/picgo/image-20240729090614454.png]]</pre>


[[Image:Image.jpg|frame|描述文字|https://www.guohao.asia/picgo/image-20240729090614454.png]]
<pre>[[Image:Image.jpg|frame|描述文字|https://www.guohao.asia/picgo/image-20240729090614454.png]]</pre>


=== [[MediaWiki:Common.css]]：调整css ===
2024年7月30日
由：
<pre>
 img[src*="www.guohao.asia"] { 
   width: 80%; 
   height: auto; 
}
</pre>
调整为：
<pre>
/* 基本样式，适用于所有图片 */
img[src*="www.guohao.asia"] {
  height: auto;
}
/* 媒体查询，仅当图片宽度大于450像素时应用 */
@media (min-width: 450px) {
  img[src*="www.guohao.asia"] {
    width: 80%;
  }
}
</pre>
----
=== 扩展：HeaderFooter ===

==== 用法 ====

===== 按命名空间的页眉和页脚 =====

编辑以下页面：

* <code>MediaWiki:Hf-nsheader-_命名空间名称_</code>
* <code>MediaWiki:Hf-nsfooter-_命名空间名称_</code>

<code>_命名空间名称_</code> 必须使用维基的语言（参见[[wiki/Manual:$wgLanguageCode|Manual:$wgLanguageCode]])

对于“main”命名空间，只需使用空白，即没有字符串，但有连字符：

* <code>MediaWiki:Hf-nsheader-</code>
* <code>MediaWiki:Hf-nsfooter-</code>

==== 每页的页眉和页脚 ====

编辑以下页面：

* <code>MediaWiki:Hf-header-_页面名称_</code>
* <code>MediaWiki:Hf-footer-_页面名称_</code>

==== 禁用命令 ====

在受编辑保护的页面上，可以添加

* <code>__NOHEADER__</code> 以取消页面级别的页眉
* <code>__NOFOOTER__</code> 以取消页面级别的页脚
* <code>__NONSHEADER__</code> 以取消命名空间级别的页眉
* <code>__NONSFOOTER__</code> 以取消命名空间级别的页脚

<span id="css"></span>

===== CSS =====

* 页面级别页眉：<div class="hf-header">
* 命名空间级别页眉：<div class="hf-nsheader">
* 页面级别页脚：<div class="hf-footer">
* 命名空间级别页脚：<div class="hf-nsfooter">

==== 示例 ====

# 页面 MediaWiki:hf-nsheader-Extension 将包含作为 ''Extension'' 命名空间所有页面页眉的 wikitext。
#* 在这种情况下，要取消页面 Extension:HeaderFooter 的页眉，应该 a) 编辑保护它，并 b) 在其中添加 <code>__NONSHEADER__</code>。
# 页面 MediaWiki:hf-footer-Extension:HeaderFooter 将包含作为 [[wiki/Extension:HeaderFooter|Extension:HeaderFooter]] 页面页脚的 wikitext。
#* 在这种情况下，要取消页面 Extension:HeaderFooter 的页脚，应该 a) 编辑保护它，并 b) 在其中添加 <code>__NOFOOTER__</code>。

=== 扩展：EmbedVideo ===
==== 用法 ====
===== 媒体处理器 =====
[[File:https://www.guohao.asia/picgo/%E6%9D%83%E9%99%90%E6%95%B0%E6%8D%AE%E5%90%8C%E6%AD%A5.mp4]]

[[文件:权限数据同步.mp4|600px|居中|权限数据同步]]

对于本地上传的内容，其在页面上显示的过程与图片相同。[https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Images#Syntax 查看MediaWiki.org上的图片语法文档] 以获取此功能的完整参考。

以下示例将使用HTML5标签在页面上显示视频。<code>&lt;video&gt;</code>

<pre class="markdown">[[File:Example.mp4]]</pre>
要指定媒体的开始和结束时间戳，请使用开始和结束参数。时间戳可以格式化为以下之一：ss, :ss, mm:ss, hh:mm:ss, 或 dd:hh:mm:ss。

<pre class="markdown">[[File:Example.mp4|start=2|end=6]]</pre>
此外，可以通过指定键为视频文件设置封面图片。<code>cover=</code>

<pre class="markdown">[[File:Example.mp4|start=2|end=6|poster=File:LocalFile.png]]</pre>

===== 可用选项 =====

使用本地文件的媒体处理器时，以下选项可用。

选项像这样添加到wikitext中：<code>|poster=File:...</code> <code>|start=2</code>

* loop
** 循环播放音频/视频
* autoplay
** 自动播放文件
* nocontrols
** 禁用控制元素

仅对视频文件可用的选项：

* poster / cover
** 将本地图像文件设置为视频的封面
* muted
** 静音视频的音轨（自动播放时需要）
* gif
** 特殊选项，设置autoplay, muted, loop 和 nocontrols，例如使视频表现得像gif

当启用<code>$wgEmbedVideoUseEmbedStyleForLocalVideos</code>时，还有两个额外的选项可用：

* title
** 视频的标题
* description
** 显示在视频下方的描述

<span id="解析器函数-ev"></span>
===== 解析器函数 <code>#ev</code> =====

EmbedVideo解析器函数预期以以下任何一种方式调用：

* <code>{{#ev:service|id}}</code>
* <code>{{#ev:service|id|dimensions}}</code>
* <code>{{#ev:service|id|dimensions|alignment}}</code>
* <code>{{#ev:service|id|dimensions|alignment|description}}</code>
* <code>{{#ev:service|id|dimensions|alignment|description|container}}</code>
* <code>{{#ev:service|id|dimensions|alignment|description|container|urlargs}}</code>
* <code>{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize}}</code>

然而，如果需要，可以通过不在管道之间放置任何内容来留空可选参数：

* <code>{{#ev:service|id|||description}}</code>

或者，每个参数可以作为命名参数以任何顺序使用。以下参数可用：

* <code>id</code>
* <code>dimensions</code>
* <code>alignment</code>
* <code>description</code>
* <code>container</code>
* <code>urlArgs</code>
* <code>autoResize</code>
* <code>vAlignment</code>
* <code>width</code>
* <code>height</code>
* <code>poster</code>
* <code>cover</code>
** 这只在设置为<code>true</code>时有效<code>$wgEmbedVideoRequireConsent</code>
* <code>title</code>
** 这只在设置为<code>true</code>时有效<code>$wgEmbedVideoRequireConsent</code>

'''请注意'''混合使用命名和未命名参数将需要你按照前面提到的顺序添加所有未命名参数（和空白）。

例如，使用命名的id和未命名的描述 <code>{{#ev:service||||This is the Description|id=abc}}</code> / <code>{{#ev:service|id=abc|||This is the Description}}</code>

==== 支持的服务 ====

截至3.x版本，EmbedVideo支持从以下服务嵌入视频内容：

{| class="wikitable"
|-
! 网站
! 服务名称(s)
! ID示例
! URL示例(s)
|-
| [https://archive.org/details/movies Archive.org 视频]
| <code>archiveorg</code>
| electricsheep-flock-244-80000-6
| https://archive.org/details/electricsheep-flock-244-80000-6https://archive.org/embed/electricsheep-flock-244-80000-6
|-
| [https://www.bilibili.com/ 哔哩哔哩]
| <code>bilibili</code>
| BV1Hz4y1k7ae
| https://player.bilibili.com/player.html?bvid=1Hz4y1k7ae&page=1
|-
| [https://tv.kakao.com/ KakaoTV]
| <code>kakaotv</code>
| 301157950
| https://play-tv.kakao.com/embed/player/cliplink/301157950
|-
| [https://tv.naver.com/ NaverTV]
| <code>navertv</code>
| 27831593
| https://tv.naver.com/embed/27831593
|-
| [http://nicovideo.jp/ Niconico]
| <code>niconico</code>
| sm40807360
| https://embed.nicovideo.jp/watch/sm40807360
|-
| [https://soundcloud.com/ SoundCloud]
| <code>soundcloud</code>
|
| https://soundcloud.com/skrillex/skrillex-rick-ross-purple-lamborghini
|-
| [http://spotify.com/ Spotify]
| <code>spotifyalbum</code> - 专辑嵌入
| 3B61kSKTxlY36cYgzvf3cP
| https://open.spotify.com/album/3B61kSKTxlY36cYgzvf3cP
|-
| [http://spotify.com/ Spotify]
| <code>spotifyartist</code> - 艺人嵌入
| 0YC192cP3KPCRWx8zr8MfZ
| https://open.spotify.com/artist/0YC192cP3KPCRWx8zr8MfZ
|-
| [http://spotify.com/ Spotify]
| <code>spotifytrack</code> - 歌曲嵌入
| 6ZFbXIJkuI1dVNWvzJzown
| https://open.spotify.com/track/6ZFbXIJkuI1dVNWvzJzown
|-
| [http://www.twitch.tv/ Twitch]
| <code>twitch</code> - 直播流
| <code>twitchvod</code> - 点播存档视频
| twitchplayspokemon
|-
| [https://www.vimeo.com/ Vimeo]
| <code>vimeo</code>
| 105035718
| [https://vimeo.com/105035718 http://vimeo.com/105035718]
|-
| [https://www.youtube.com/ YouTube]
| <code>youtube</code> - 单个视频
| pSsYTj9kCHE
| https://www.youtube.com/watch?v=pSsYTj9kCHE
|-
| [https://www.youtube.com/ YouTube]
| <code>youtubeplaylist</code> - 播放列表
| PLY0KbDiiFYeNgQkjujixr7qD-FS8qecoP
| https://www.youtube.com/embed/?listType=playlist&list=PLY0KbDiiFYeNgQkjujixr7qD-FS8qecoP
|-
| [https://www.youtube.com/ YouTube]
| <code>youtubevideolist</code> - 视频列表
| pSsYTj9kCHE - urlargs=playlist=pSsYTj9kCHE,pSsYTj9kCHE
| https://www.youtube.com/embed/pSsYTj9kCHE?playlist=pSsYTj9kCHE,pSsYTj9kCHE
|}

* 新服务

可以通过使用以下[https://github.com/StarCitizenWiki/mediawiki-extensions-EmbedVideo/issues/new?assignees=&labels=enhancement&template=embed-service-request.md&title=Embed+Service+Request%3A+Service+Name 链接] 或点击 <code>New Issue</code> 请求新服务。

==== 配置 ====

{| class="wikitable"
|-
! 变量
! 默认值
! 描述
|-
| <code>$wgEmbedVideoAddFileExtensions</code>
| <code>true</code>
| 布尔值 - 启用或禁用向允许上传的文件列表中添加视频/音频文件扩展名。
|-
| <code>$wgEmbedVideoEnableVideoHandler</code>
| <code>true</code>
| 布尔值 - 启用或禁用视频媒体处理器，以在文章中显示嵌入视频。
|-
| <code>$wgEmbedVideoEnableAudioHandler</code>
| <code>true</code>
| 布尔值 - 启用或禁用音频媒体处理器，以在文章中显示嵌入音频。
|-
| <code>$wgEmbedVideoLazyLoadLocalVideos</code>
| <code>false</code>
| 布尔值 - 对每个本地视频设置 'preload=&quot;none&quot;'。
|-
| <code>$wgEmbedVideoUseEmbedStyleForLocalVideos</code>
| <code>false</code>
| 布尔值 - 将本地视频样式设置为嵌入内容样式。注意：更改此设置时，需要更新所有包含本地视频的页面在解析器缓存中的内容！
|-
| <code>$wgEmbedVideoDefaultWidth</code>
| <code>640</code>
| 整数 - 全局覆盖视频播放器的默认宽度。如果未设置，则使用视频服务的默认宽度，通常是640像素。
|-
| <code>$wgEmbedVideoMinWidth</code>
| <code>null</code>
| 整数 - 视频播放器的最小宽度。低于此值的宽度将自动调整至该值。
|-
| <code>$wgEmbedVideoMaxWidth</code>
| <code>null</code>
| 整数 - 视频播放器的最大宽度。高于此值的宽度将自动调整至该值。
|-
| <code>$wgFFprobeLocation</code>
| <code>/usr/bin/ffprobe</code>
| 字符串 - 设置ffprobe二进制文件的位置。
|-
| <code>$wgEmbedVideoEnabledServices</code>
| <code>null</code>
| 数组 - 允许的服务名称数组，如果为空则所有服务都可用。
|-
| <code>$wgEmbedVideoRequireConsent</code>
| <code>true</code>
| 布尔值 - 设置为true以仅在用户点击iframe时加载它。
|-
| <code>$wgEmbedVideoFetchExternalThumbnails</code>
| <code>true</code>
| 布尔值 - 设置为false以禁用从外部视频提供商获取视频缩略图。目前仅适用于YouTube和Vimeo。
|}


<iframe id="video" src="https://www.guohao.asia/picgo/%E6%9D%83%E9%99%90%E6%95%B0%E6%8D%AE%E5%90%8C%E6%AD%A5.mp4" width="100%" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
<script type="text/javascript">document.getElementById("video").style.height=document.getElementById("video").scrollWidth*0.8+"px"</script>

<video>https://www.guohao.asia/picgo/%E6%9D%83%E9%99%90%E6%95%B0%E6%8D%AE%E5%90%8C%E6%AD%A5.mp4</video>

[https://www.guohao.asia/picgo/%E6%9D%83%E9%99%90%E6%95%B0%E6%8D%AE%E5%90%8C%E6%AD%A5.mp4]

https://www.guohao.asia/picgo/%E6%9D%83%E9%99%90%E6%95%B0%E6%8D%AE%E5%90%8C%E6%AD%A5.mp4

---
<br>

<html><iframe width="100%" height="100%" src="https://docs.guohao.asia/video/1.html" frameborder="0" allowfullscreen></iframe></html>

[[File:https://www.guohao.asia/picgo/%E6%9D%83%E9%99%90%E6%95%B0%E6%8D%AE%E5%90%8C%E6%AD%A5.mp4]]