视频模块功能集成

最后更新:    浏览次数: 103

1.视频使用

1.引用核心JS和CSS文件

2.插入代码

<video poster="/file/thumb.jpg" preload="none" controls playsinline webkit-playsinline controlslist="nodownload" data-provider="video" data-stretching="responsive">
                            <source src="/file/company.mp4" type="@(Model.Video.Contains("youtube.com") ? "video/youtube" : "video/mp4")" />
                        </video>

2.系统参数

参数 属性值 说明
data-provider video 必须，视频集成唯一标识
data-mode auto / responsive / fill /none 如果设置为auto模式，播放器将尝试css样式中的max-width和max-height属性，
fill模式将尝试使用可用空间使视频适合，当窗口大小调整时，它将根据可用空间裁剪尺寸以居中。
data-autohide 无 当拥有此属性时，加载媒体时隐藏视频控制