微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > CMS教程 > WordPress > 正文

详解如何​利用WordPress自带短代码添加视频

藏色散人
发布： 2021-04-09 11:46:38
转载
4026人浏览过

下面由wordpress教程栏目给大家介绍利用wordpress自带短代码添加视频的方法，希望对需要的朋友有所帮助！

详解如何​利用WordPress自带短代码添加视频

利用WordPress自带短代码添加视频

利用WordPress自带的视频短代码可以方便地让你在任何位置添加视频，支持的文件类型是mp4，m4v，webm，ogv，wmv和flv。

d8dfe8023a981cdf88f5a7862b0e95e.png

基本的视频短代码

【video src="pepper.mp4"】
登录后复制

将【】替换为[]，以下相同

添加到文章中会自动调用WordPress自带播放器。

模板文件中使用短代码

代码小浣熊
代码小浣熊

代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节

代码小浣熊 51
查看详情 代码小浣熊

可以使用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】');
登录后复制

添加视频封面（占位图）

如将在（主题目录）/ images文件夹中cover.jpg的图片作为封面：

echo do_shortcode('【video mp4=' . $video_file . ' poster = ' . get_template_directory_uri() . '/images/cover.jpg】');
登录后复制

设置视频高度和宽度

echo do_shortcode('【video mp4=' . $video_file . ' width = 320 height = 240】');
登录后复制

更多

以上就是详解如何​利用WordPress自带短代码添加视频的详细内容，更多请关注php中文网其它相关文章！

相关标签：
wordpress 循环 WordPress

大家都在看：

WPS零基础入门到精通全套教程！
WPS零基础入门到精通全套教程！

全网最新最细最实用WPS零基础入门到精通全套教程！带你真正掌握WPS办公！ 内含Excel基础操作、函数设计、数据透视表等

下载
来源：zmingcx网
收藏 点赞
上一篇：最简单的WordPress手动输入页号并跳转翻页的方法 下一篇：详解添加删除WordPress后台管理菜单分隔符
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
WordPress如何修复“白色死亡屏幕” 出现“白色死亡屏幕”时，先开启调试模式查看错误日志，再通过重命名文件夹禁用插件和切换默认主题排查冲突，最后增加PHP内存限制解决问题，修复后关闭调试。
2025-10-24 22:48:02
140
怎么在WordPress侧边栏小工具中插入自定义代码 使用“自定义HTML”小工具可直接在WordPress侧边栏插入自定义代码：进入外观>小工具，拖入“自定义HTML”，粘贴HTML、JS或CSS代码并保存；注意代码安全与兼容性，避免恶意脚本，复杂样式建议写入主题文件；若需更多功能，可选用InsertHeadersandFooters等插件实现全局或条件加载。
2025-10-18 12:11:01
195
WordPress怎么优化图片ALT标签以利于SEO ALT标签是描述图片内容的HTML属性，帮助搜索引擎理解图片信息并提升可访问性。在WordPress中，可通过媒体库或编辑器填写“替代文本”，应使用简洁、描述性强的文字并自然融入关键词，避免堆砌。例如，“使用V60手冲壶冲泡浅烘焙咖啡”优于“图片1”。为提高效率，可借助YoastSEO、RankMath等插件提示补全，或用MediaLibraryAssistant批量编辑。上传前将文件命名为v60-hand-drip-setup.jpg等有意义名称，可让系统自动填充ALT值。常见错误包括留空、冗
2025-10-16 10:19:02
303
WordPress网站如何提高在谷歌的收录速度 确保谷歌可抓取网站，通过SEO插件生成站点地图并提交至GoogleSearchConsole，验证网站所有权，优化固定链接与内部链接结构，利用插件推送和手动提交新内容，结合社交媒体分享以加速收录。
2025-10-13 23:53:01
245
WordPress如何禁用古腾堡编辑器并换回经典编辑器 安装“ClassicEditor”插件可禁用古腾堡并恢复经典编辑器，该插件由WordPress官方团队开发，兼容现有插件与功能，支持到2024年后，设置简单且稳定可靠。
2025-10-13 23:27:01
576
WordPress怎么实现用户注册后自动发送欢迎邮件 可通过插件或代码自定义WordPress注册欢迎邮件。1.使用CustomWelcomeEmail等插件可快速配置邮件内容；2.在functions.php中添加custom_welcome_email函数可发送纯文本邮件；3.通过send_html_welcome_email函数支持HTML格式，提升美观度；4.建议配合WPMailSMTP插件使用SMTP服务确保送达率。
2025-10-13 22:00:07
700
WordPress出现“建立数据库连接时出错”如何解决 错误通常因数据库通信失败，先检查wp-config.php配置是否正确，再确认MySQL服务状态，接着修复可能损坏的数据库表，最后排查插件或主题冲突，按序处理可快速恢复。
2025-10-13 09:30:02
832
WordPress如何实现定时发布文章 WordPress自带定时发布功能，只需在编辑页面的“发布”模块设置时间并设为将来状态即可。系统依赖wp-cron执行任务，需确保网站持续运行、时区正确且无插件冲突。为提升稳定性，可配置真实cronjob或使用WPCrontrol插件管理任务，发布前建议先保存为草稿确认设置，保证按时自动上线。
2025-10-12 21:26:02
1045
WordPress怎么安装和配置Google Analytics 首先创建GoogleAnalytics账户并获取G-开头的测量ID，复制gtag.js代码；接着通过插件（如SiteKit）或手动编辑主题的header.php文件将代码插入网站标签前；最后在GA实时报告中检查数据是否正常显示，确认跟踪生效。
2025-10-12 13:40:02
918
WordPress安装主题或插件时提示“无法创建目录”怎么办 答案是文件权限或路径配置问题导致无法创建目录。需检查wp-content下themes和plugins目录权限是否为755，确认所有者与PHP运行用户一致（如www-data），必要时手动上传主题或插件，并确保磁盘空间充足及wp-config.php中路径定义正确。
2025-10-12 09:06:01
697
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部