# <stl:player> 播放视频

<stl:player
    type="指定存储媒体的字段"
    playUrl="视频地址"
    imageUrl="封面图片地址"
    playBy="指定播放器"
    width="宽度"
    height="高度"
    isAutoPlay="是否自动播放">
</stl:player>

# 说明

通过 stl:player 标签在模板中播放视频

标签 <stl:player> 在栏目模版中默认显示此栏目的视频/音频,在内容模版中默认显示此内容的视频/音频。

stl:player 标签能够作为 <stl:channels> 等标签的子标签,当作为 <stl:channels> 的子标签使用时将显示栏目的视频/音频。 stl:player 标签能够作为 <stl:contents> 等标签的子标签,当作为 <stl:contents> 的子标签使用时将显示内容的视频/音频。

<stl:player> 标签对应的实体为{stl:player}。

WARNING

<stl:player> 标签需要使用Flash,如果希望兼容HTML5 标准,请使用<stl:video> 标签。

# 属性

属性 说明
type 指定存储媒体的字段
playUrl 视频地址
imageUrl 封面图片地址
playBy 指定播放器
width 宽度
height 高度
isAutoPlay 是否自动播放

# type - 指定存储媒体的字段

VideoUrl 指定存储音视频的字段,可以是自定义字段

# playUrl - 视频地址

多媒体文件地址,可以用"@"开头表示当前网站根目录,用"~"开头表示系统根目录。

# imageUrl - 封面图片地址

开始播放前显示的图片地址,可以用"@"开头表示当前网站根目录,用"~"开头表示系统根目录。

# playBy - 指定播放器

指定播放器

  • "Html5" 系统默认采用的播放器
  • "FlowPlayer" FlowPlayer 播放器
  • "JWPlayer" JWPlayer 播放器

# width - 宽度

播放器的宽度

# height - 高度

播放器的高度

# isAutoPlay - 是否自动播放

是否自动播放

# 示例

# 播放指定的视频文件

下面的例子播放文件名称为"oceans-clip.mp4"的视频文件。

<stl:player playUrl="@/images/oceans-clip.mp4" imageUrl="@/images/oceans-clip.png" width="640" height="264" isAutoPlay="false"></stl:player>

# 显示当前内容的视频文件

下面的例子显示当前内容的视频文件。

<stl:player width="640" height="264" isAutoPlay="false"></stl:player>
上次更新: 2020-5-22 12:24:32