视频#

显示一个视频。

  • src: 视频源的URL或本地文件路径

  • controls: 是否显示视频控制,如播放、暂停和音量(默认值:True

  • autoplay: 是否自动开始播放视频(默认值:False

  • muted: 视频是否应初始为静音状态(默认值:False

  • loop: 视频是否应该循环播放(默认值:False

查看事件列表,您可以使用通用事件订阅on()进行订阅。

from nicegui import ui

v = ui.video('https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/360/Big_Buck_Bunny_360_10s_1MB.mp4')
v.on('ended', lambda _: ui.notify('Video playback completed'))

# ui.run()
<nicegui.elements.video.Video at 0x7fc7941d3ee0>

控制视频元素#

此演示展示了如何以编程方式播放、暂停和查找。

from nicegui import ui

v = ui.video('https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/360/Big_Buck_Bunny_360_10s_1MB.mp4')
ui.button('Play', on_click=v.play)
ui.button('Pause', on_click=v.pause)
ui.button('Jump to 0:05', on_click=lambda: v.seek(5))

# ui.run()
<nicegui.elements.button.Button at 0x7fc752db0a00>