diff --git a/example/src/IframePage.tsx b/example/src/IframePage.tsx index f08194e9..936fdf2f 100644 --- a/example/src/IframePage.tsx +++ b/example/src/IframePage.tsx @@ -24,6 +24,10 @@ export default function IframePage() { dispatchMessage(firstVideoWindow, ACTIONS.PLAYER.PAUSE) }) + document.getElementById('jsPlayFirst').addEventListener('click', () => { + dispatchMessage(firstVideoWindow, ACTIONS.PLAYER.PLAY) + }) + document.getElementById('jsSeekFirst').addEventListener('click', () => { const currentTime = Number(document.getElementById('time').value) dispatchMessage(firstVideoWindow, ACTIONS.PLAYER.TIME_UPDATE, { @@ -37,6 +41,14 @@ export default function IframePage() { dispatchMessage(firstVideoWindow, ACTIONS.PLAYER.SHOW_CONTROLLER) }) + document + .getElementById('jsSetVolumeFirst') + .addEventListener('click', () => { + dispatchMessage(firstVideoWindow, ACTIONS.PLAYER.SET_VOLUME, { + volume: 0, + }) + }) + return () => { disposer.unsubscribe() } @@ -45,10 +57,11 @@ export default function IframePage() { return ( <>

本页面可以测试播放器在 iframe 中的效果,还可以测试跨窗口消息接口

-

场景 1:向一个视频发出暂停指令

+

场景 1:向一个视频发出暂停 / 播放指令

场景 2:一个视频开始播放时,暂停其他视频

场景 3:手动 seek

场景 4:显示进度条

+

场景 5:设置视频的音量