videoplay 視頻播放

[基礎(chǔ)用法]
標(biāo)簽:videoplay
描述:視頻播放標(biāo)簽,用于視頻模型的內(nèi)容頁,調(diào)用后臺(tái)上傳的視頻。
提示:如果后臺(tái)上傳的視頻有多個(gè)選集,可以使用【videolist 視頻列表】標(biāo)簽,進(jìn)行視頻切換播放。
用法:
{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='' 默認(rèn)當(dāng)前視頻文檔,可以手工指定某個(gè)視頻文檔的ID
autoplay='off' 默認(rèn)不自動(dòng)播放,on為自動(dòng)播放,off為點(diǎn)擊播放
empty='' 沒有數(shù)據(jù)時(shí)顯示的文案
id='' 可以任意指定循環(huán)里的變量名替代field,假設(shè)id='field1',模板調(diào)用如:{$field.title} 變成 {$field1.title}
涉及表字段:
請(qǐng)查閱易優(yōu)數(shù)據(jù)字典,找到表名 ey_media_file

-------------------------------效果展示--------------------------------
1,內(nèi)容頁調(diào)用效果
模板調(diào)用代碼
播放窗口
{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'}
    會(huì)員昵稱:{$users.nickname}
    會(huì)員頭像:<img src="{$users.head_pic}" width='50' height='50' />
    {$users.hidden}
{/eyou:memberinfos}

更多標(biāo)簽memberinfos教程,請(qǐng)點(diǎn)擊查閱
 
網(wǎng)站前端顯示效果(css樣式請(qǐng)自行填充)


 


文檔最后更新時(shí)間:2023-10-25 16:01:23

文檔
目錄

深色
模式

切換
寬度