易優CMS模板標籤videoplay影片播放

黄文Rex發表於2024-08-03
IDE
[基礎用法]標籤：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樣式請自行填充）

相關文章