多媒體檢視器

多媒體檢視器

影片看得順,圖片看得清。

在文章或圖文貼裡,用同一套元件播放影片、切換附件。拖動找片段,調倍速;遇到要看清的圖片,點開原圖再放大。

元件接入說明

找片段、調倍速,再看圖片細節

找片段、調倍速,再看圖片細節

拖動後看播放位置如何變化,切到 2 倍速後看時間如何前進。再換到照片,打開原圖,放大並拖動查看。

放進自己的頁面

播放器跟著頁面走

配色沿用目前主題,手機上也能看清時間與操作控件。

圖片和影片放在同一畫廊

切換時只載入目前附件,不必一次掛載所有播放器。

想看細節時,再開原圖

打開查看器才載入原圖;放大、拖動,看清後關閉回到文章。

相關用法

按自己的節奏看影片,看清圖片細節

置頂

進度條獨立一行,目前時間與總時長放在一起。拖曳跳到實際播放位置。示範會停留顯示跳轉後的時間,以及已選中的 2 倍速,讓播放變化看得清楚。

本頁圖片與影片使用可重用的 Pages media-viewer 元素。檢視截圖或播放無聲操作示範;未選中的資源不會載入。