视频

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 . ']');

将加载以下视频播放器。

 

循环播放和自动播放

短码视频也有和音频同样的选项,关于循环和自动播放选项,请参考相关部分。

下面的例子在页面加载后立即开始播放视频并循环播放。

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

 

初始图像和样式

支持以下基本选项:

 

Poster

定义了在媒体播放前作为占位显示的图片。
以下代码将存储在(theme directory)/images文件夹中的album_cover.jpg作为初始图片。

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

 

Height

定义媒体的高度,该值在文件上传时自动检测。当你省略这个选项时,将使用媒体文件的高度。

 

Width

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

主题的content_width设置最大宽度。

下面的例子将以320像素宽度和240像素高度加载视频播放器:

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

 

样式

如果你想从样式表中改变视频播放器的外观,你可以以 "wp-video-shortcode "的类名称为目标。如果你想像上面那样以320 x 240的尺寸显示音频播放器,在你的样式表中插入以下代码。

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

 

支持的视频格式

  • mp4
  • m4v
  • webm
  • ogv
  • flv