BootstrapBlazor.VideoPlayer
7.0.4
.NET 6.0
dotnet add package BootstrapBlazor.VideoPlayer --version 7.0.4
NuGet\Install-Package BootstrapBlazor.VideoPlayer -Version 7.0.4
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="BootstrapBlazor.VideoPlayer" Version="7.0.4" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add BootstrapBlazor.VideoPlayer --version 7.0.4
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: BootstrapBlazor.VideoPlayer, 7.0.4"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install BootstrapBlazor.VideoPlayer as a Cake Addin
#addin nuget:?package=BootstrapBlazor.VideoPlayer&version=7.0.4
// Install BootstrapBlazor.VideoPlayer as a Cake Tool
#tool nuget:?package=BootstrapBlazor.VideoPlayer&version=7.0.4
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
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) | 切换播放资源 | |
| async Task | SetPoster(string? poster) | 设置封面 | |
| Func<string, Task>? | OnError | 错误回调 |
更新历史
v7.0.2
- 添加 Language : 界面语言,默认 获取当前文化, 例如 zh-CN / en-US,如果语言包不存在,回退到 zh-CN
v7.0.3
- 如果语言代码与子代码（例如en-us）不匹配，则使用主代码（例如en）的匹配项（如果可用）, 如果语言包不存在,回退到 zh-CN
Blazor 组件
AlexChow
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net6.0 is compatible. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 is compatible. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. |
Compatible target framework(s)
Additional computed target framework(s)
Learn more about Target Frameworks and .NET Standard.
-
net6.0
- Microsoft.AspNetCore.Components.Web (>= 6.0.0)
-
net7.0
- Microsoft.AspNetCore.Components.Web (>= 7.0.0)
NuGet packages (2)
Showing the top 2 NuGet packages that depend on BootstrapBlazor.VideoPlayer:
| Package | Downloads |
|---|---|
|
BlazorShared
BlazorMaui , 整合Blazor,BootstrapBlazor UI组件库,Maui的共享跨平台工程示例共享库 |
|
|
BootstrapBlazor.Densen.All
Blazor 组件懒人包 |
GitHub repositories (2)
Showing the top 2 popular GitHub repositories that depend on BootstrapBlazor.VideoPlayer:
| Repository | Stars |
|---|---|
|
dotnetcore/BootstrapBlazor
A set of enterprise-class UI components based on Bootstrap and Blazor
|
|
|
densen2014/BlazorMaui
用 c # 和 Razor 创建本机移动应用和桌面应用。使用 Blazor.BB.Maui，可以快速开发共享代码库运行于 Windows (Winforms/WPF/UWP)、Android、iOS、macOS 的应用。
|