易优CMS模板标签videoplay视频播放
更新日期:2024-06-22 14:27:24 来源:网络
[基础用法]标签:videoplay描述:视频播放标签,用于视频模型的内容页,调用后台上传的视频。
提示:如果后台上传的视频有多个选集,可以使用【videolist 视频列表】标签,进行视频切换播放。用法:
aid='' 默认当前视频文档,可以手工指定某个视频文档的ID autoplay='off' 默认不自动播放,on为自动播放,off为点击播放 empty='' 没有数据时显示的文案 id='' 可以任意指定循环里的变量名替代field,假设id='field1',模板调用如:{$field.title} 变成 {$field1.title} 涉及表字段: 请查阅易优数据字典,找到表名 ey_media_file
-------------------------------效果展示--------------------------------
1,内容页调用效果
模板调用代码
播放窗口
{eyou:videoplay aid='$eyou.field.aid' autoplay='on' id='video'} <video {$video.id} width="100%" controls='true' preload="auto">
<source src="{$video.file_url}" type="video/mp4">
</video> {$video.hidden}{/eyou:videoplay}
视频列表
{eyou:videolist aid='$eyou.field.aid' id='video'} <a href="javascript:void(0);" {$video.onclick}>{$video.file_title} - {$video.file_time}</a><br/> {$video.hidden} {/eyou:videolist}
课件:<a href="{$eyou.field.courseware}" target="_blank">{$eyou.field.courseware}</a>
{eyou:memberinfos mid='$eyou.field.users_id' id='users'} 会员昵称:{$users.nickname}
会员头像:<img src="{$users.head_pic}" width='50' height='50' /> {$users.hidden} {/eyou:memberinfos}
更多标签memberinfos教程,请点击查阅; 网站前端显示效果(css样式请自行填充)
提示:如果后台上传的视频有多个选集,可以使用【videolist 视频列表】标签,进行视频切换播放。用法:
{eyou:videoplay aid='文档ID' autoplay='on' id='video'} <video {$video.id} width="100%" controls='true' preload="auto"> <source src="{$video.file_url}" type="video/mp4"> </video> {$video.hidden} {/eyou:videoplay}属性:
aid='' 默认当前视频文档,可以手工指定某个视频文档的ID autoplay='off' 默认不自动播放,on为自动播放,off为点击播放 empty='' 没有数据时显示的文案 id='' 可以任意指定循环里的变量名替代field,假设id='field1',模板调用如:{$field.title} 变成 {$field1.title} 涉及表字段: 请查阅易优数据字典,找到表名 ey_media_file
-------------------------------效果展示--------------------------------
1,内容页调用效果
模板调用代码
播放窗口
{eyou:videoplay aid='$eyou.field.aid' autoplay='on' id='video'} <video {$video.id} width="100%" controls='true' preload="auto">
<source src="{$video.file_url}" type="video/mp4">
</video> {$video.hidden}{/eyou:videoplay}
视频列表
{eyou:videolist aid='$eyou.field.aid' id='video'} <a href="javascript:void(0);" {$video.onclick}>{$video.file_title} - {$video.file_time}</a><br/> {$video.hidden} {/eyou:videolist}
课件:<a href="{$eyou.field.courseware}" target="_blank">{$eyou.field.courseware}</a>
{eyou:memberinfos mid='$eyou.field.users_id' id='users'} 会员昵称:{$users.nickname}
会员头像:<img src="{$users.head_pic}" width='50' height='50' /> {$users.hidden} {/eyou:memberinfos}
更多标签memberinfos教程,请点击查阅; 网站前端显示效果(css样式请自行填充)
- 请问如何处理升级为香港主机后网站无法访问的问题
- 防火墙设置与云服务器80端口访问限制
- 解决远程登录服务器失败及重启后仍无法连接的问题
- 远程访问故障排除 - 解决无法登录虚拟主机和数据库的问题
- 解析与绑定完成后网站仍无法正常访问的排查步骤及解决方案
- 请问如何在ASP页面中判断客户端浏览器是否为移动设备,并进行相应的跳转?
- 输入网站后台密码时显示不对,如何解决?
- 选择合适工具,掌握静态网站模板修改方法
- 静态网站上传后如何安全有效地进行修改,确保不影响网站的正常运行?
- 请问如何修改网站图片源代码
- 网站admin密码忘记了怎么办
- 如何解决PbootCMS网站后台推送文章到百度时的“site error”错误?
- 迅睿CMS网站用户投稿如何取消验证码
- 宝塔面板提示不是安全连接或私密连接,如何解决?
- 网站提示429 Too Many Requests:用户发送了太多请求怎么办
- 易优cms搜索结果页如何统计关键词文章数量
- 网站源码安装后访问首页,页面错乱的处理方法
- pbootcms模板如何做好防护
- 重置网站后台管理员账号密码
- 升级完后网站提示500错误怎么办
- pbootcms如何设置发布内容不自动提取缩略图(1)
- 百度网址安全中心提醒您:该页面可能存在违法信息!如何处理?
- 易优cms数据表或视图不存在,请联系技术处理。
- Pbootcms留言“提交成功”的提示语修改(1)
- PBOOTCMS中新增并开启手机端模板,以便为用户提供更好的移动设备浏览体验
- imagecreatefrompng(): gd-png: libpng warning: iCCP: known incorrect sRGB profile
- 易优CMS文章内容页如何获取上一篇下一篇
- PbootCMS全站模板date时间标签/时间格式常见的8种调用方式
- pbootcms网站后台登录提示:”登录失败:数据库目录写入权限不足!“
- Nginx 启动/停止 / 首页显示 / 安装 / 卸载