易优CMS模板标签videoplay视频播放
[基础用法]标签:videoplay描述:视频播放标签,用于视频模型的内容页,调用后台上传的视频。
提示:如果后台上传的视频有多个选集,可以使用【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样式请自行填充)
扫码添加技术【解决问题】
专注中小企业网站建设、网站安全12年。
熟悉各种CMS,精通PHP+MYSQL、HTML5、CSS3、Javascript等。
承接:企业仿站、网站修改、网站改版、BUG修复、问题处理、二次开发、PSD转HTML、网站被黑、网站漏洞修复等。
专业解决各种疑难杂症,您有任何网站问题都可联系我们技术人员。
本文来自博客园,作者:黄文Rex,转载请注明原文链接:https://www.cnblogs.com/hwrex/p/18340157
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix