多媒体查看器

多媒体查看器

视频看得顺,图片看得清。

在文章或图文帖里,用同一套组件播放视频、切换附件。拖动找片段,调倍速;遇到要看清的图片,点开原图再放大。

组件接入说明

找片段、调倍速,再看图片细节

找片段、调倍速,再看图片细节

拖动后看播放位置如何变化,切到 2 倍速后看时间如何前进。再换到照片,打开原图,放大并拖动查看。

放进自己的页面

播放器跟着页面走

配色沿用当前主题,手机上也能看清时间和操作控件。

图片和视频放在同一画廊

切换时只加载当前附件,不必一次挂载所有播放器。

想看细节时,再开原图

打开查看器才加载原图;放大、拖动,看清后关闭回到文章。

相关用法

按自己的节奏看视频,看清图片细节

置顶

进度条独立一行,当前时间与总时长放在一起。拖动跳到实际播放位置。演示会停留显示跳转后的时间,以及已选中的 2 倍速,让播放变化看得清楚。

本页图片与视频使用可复用的 Pages media-viewer 元素。查看截图或播放无声操作演示;未选中的资源不会加载。