generated from xinetzone/xbook
-
Notifications
You must be signed in to change notification settings - Fork 0
/
video.md
34 lines (24 loc) · 1.14 KB
/
video.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
# {func}`~nicegui.ui.video` 视频
显示视频。
- `src`: 视频源的URL或本地文件路径
- `controls`: 是否显示视频控制,如播放、暂停和音量(默认值:`True`)
- `autoplay`: 是否自动开始播放视频(默认值:`False`)
- `muted`: 视频是否应初始为静音状态(默认值:`False`)
- `loop`: 视频是否应该循环播放(默认值:`False`)
查看[事件列表](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#events),您可以使用通用事件订阅`on()`进行订阅。
```python
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()
```
## {func}`~nicegui.ui.video` 控制视频元素
此演示展示了如何以编程方式播放、暂停和查找。
```python
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()
```