视频

WordPress 视频功能允许您嵌入视频文件并使用简单的短代码 [video] 进行播放。支持的文件类型包括 mp4、m4v、webm、ogv、wmv 和 flv。

视频短代码

以下短代码显示加载 pepper.mp4 文件的视频播放器:

[video src="pepper.mp4"]

要在模板文件中使用短代码,请使用 do_shortcode() 函数。如果视频文件存储在您主题目录中,则使用 get_template_directory_uri() 或 get_stylesheet_uri() 直接获取文件 URL:

$video_file = get_template_directory_uri() . "/videos/pepper.mp4";
echo do_shortcode( '[video mp4=' . $video_file . ']' );

将加载以下视频播放器。

循环和自动播放

短代码 video 具有与音频相同的选项。请参阅相关部分以了解循环和自动播放选项。

以下示例在页面加载后立即开始播放视频并循环:

echo do_shortcode( '[video mp4=' . $video_file . ' loop="on" autoplay=1]' );

初始图像和样式

支持以下基本选项:

海报

定义在媒体播放前作为占位符显示的图像。
以下相同代码将存储在 (主题目录)/images 文件夹中的 album_cover.jpg 作为初始图像:

echo do_shortcode( '[video mp4=' . $video_file . ' poster=' . get_template_directory_uri() . '/images/album_cover.jpg]' );

高度

定义媒体的高度。值在文件上传时自动检测。当您省略此选项时,使用媒体文件的高度。

宽度

定义媒体的宽度。值在文件上传时自动检测。当您省略此选项时,使用媒体文件的宽度。

The theme’s content_width sets the maximum width.

以下示例将加载宽度为 320 像素、高度为 240 像素的音频播放器:

echo do_shortcode( '[video mp4=' . $video_file . ' width=320 height=240]' );

样式

如果您想通过样式表更改视频播放器的外观,您可以针对“wp-video-shortcode”的类名。如果您想在 320 x 240 大小中像上面一样显示音频播放器,请将以下代码插入您的样式表:

.wp-video-shortcode {
    height: 240px;
    width: 320px;
}

支持的视频格式

  • mp4
  • m4v
  • webm
  • ogv
  • flv

参考

有关内部库等技术细节,该库启用此功能,请参阅