WordPress中文开发手册

  1. Home
  2. Docs
  3. WordPress中文开发手册
  4. WordPress主题开发
  5. 主题功能
  6. 媒体
  7. Video

Video

视频

WordPress视频功能允许您嵌入视频文件,并使用简单的短码

播放。 支持的文件类型是mp4,m4v,webm,ogv,wmv和flv。

Video短码

以下短码显示加载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('

');

循环和自动播放

短码视频与音频具有相同的选项。 有关循环和自动播放选项,请参阅相关章节。

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

echo do_shortcode('
');

初始图像和样式

支持以下基本选项:

Poster

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

echo do_shortcode('
');

Height

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

Width

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

提示:主题的content_width设置最大宽度。

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

echo do_shortcode('
');

Styling

如果要从样式表中更改视频播放器的外观,可以将类别名称定位为“wp-video-shortcode”。 如果要显示320 x 240尺寸的上述音频播放器,请将以下代码插入到样式表中。

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

支持视频格式

  • mp4
  • m4v
  • webm
  • ogv
  • wmv
  • flv

参考文献

有关更多技术细节,如启用此功能的内部库,请参阅

https://make.wordpress.org/core/2013/04/08/audio-video-support-in-core/.

  • Video Shortcode
  • Function do_shortcode()