Argo/BootstrapBlazor.VideoPlayerv8.0.0
✓ Verified.NET 6.0.NET 7.0.NET 8.0.NET 9.0
Bootstrap UI components extensions of Video
Get Started
$ dotnet add package BootstrapBlazor.VideoPlayerReadme
Blazor VideoPlayer 视频播放器 组件
示例:
https://www.blazor.zone/videoPlayers
https://blazor.app1.es/videoPlayers
使用方法:
1.nuget包
BootstrapBlazor.VideoPlayer
2._Imports.razor 文件 或者页面添加 添加组件库引用
@using BootstrapBlazor.Components
3.razor页面
<VideoPlayer MineType="application/x-mpegURL" Url="https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8" />
<VideoPlayer MineType="video/mp4" Url="//vjs.zencdn.net/v/oceans.mp4" />
<VideoPlayer MineType="video/mp4" Url="//vjs.zencdn.net/v/oceans.mp4" Width="400" Height="300" Autoplay="false" Poster="//vjs.zencdn.net/v/oceans.png" />
4.参数说明
| 类型 | 参数 | 说明 | 默认值 |
|---|---|---|---|
| string | Url | 资源地址 | null |
| string | MineType | 资源类型,video/mp4, application/x-mpegURL, video/ogg .. 更多参考 EnumVideoType | application/x-mpegURL |
| int | Width | 宽度 | 300 |
| int | Height | 高度 | 200 |
| bool | Controls | 显示控制条 | true |
| bool | Autoplay | 自动播放 | true |
| string | Poster | 设置封面资源,相对或者绝对路径 | |
| string | Language | 界面语言,默认 获取当前文化, 例如 zh-CN / en-US,如果语言包不存在,回退到 zh-CN | 当前文化 |
| VideoPlayerOption | Option | 播放器选项, 不为空则优先使用播放器选项,否则使用参数构建 | null |
| async Task | Reload(string? url, string? type) |
