视频#
显示一个视频。
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>