WordPress 自带程序的视频功能,如何添加视频

WordPress其实有自己视频短代码,我们可以通过这个短代码在任何地方都添加上视频。

目前该短代码所支持的视频文件:mp4,m4v,webm,ogv,wmv和flv。

效果:

Wordpress 自带程序的视频功能,教你如何添加视频
wordpress视频播放效果

短代码代码示例:

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

循环和自动播放

可以通过参数实现循环和自动播放,并定义类为my-video

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

此处给视频添加循环播放。

设置视频高度和宽度

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

在改短代码添加宽高度,类似CSS样式。

添加视频封面(占位图)

wordpress如何是需要给视频添加一个封面?

可以使用以下代码:

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

这样就可以将一个图片,设置为封面展示给用户。


小编了解到,古腾堡编辑器可以自己上传商品上去,目前这个暂未测试、

相关文章

Wordpress

WordPress手动输入页号跳转翻页的方法(简单版)

2021-6-10 14:24:00

Wordpress

Wordpress如何生成QQ/百度/微信/今日头条小程序?

2021-6-12 1:47:29

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索