Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
京东前端
nutui
提交
1dc878cb
N
nutui
项目概览
京东前端
/
nutui
通知
37
Star
4
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
N
nutui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
1dc878cb
编写于
12月 27, 2021
作者:
Y
yushuang-d
提交者:
GitHub
12月 27, 2021
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
docs: video 播放地址修改 (#911)
Co-authored-by:
N
yushuang24
<
yush9210@163.com
>
上级
1da8fc1a
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
10 addition
and
61 deletion
+10
-61
src/packages/__VUE/video/demo.vue
src/packages/__VUE/video/demo.vue
+10
-61
未找到文件。
src/packages/__VUE/video/demo.vue
浏览文件 @
1dc878cb
...
...
@@ -2,84 +2,33 @@
<div
class=
"demo"
>
<h4>
基础用法
</h4>
<nut-cell
class=
"cell"
>
<nut-video
:source=
"source"
:options=
"options"
@
play=
"play"
@
pause=
"pause"
@
playend=
"playend"
>
</nut-video>
<nut-video
:source=
"source"
:options=
"options"
@
play=
"play"
@
pause=
"pause"
@
playend=
"playend"
>
</nut-video>
</nut-cell>
<h4>
自动播放
</h4>
<nut-cell
class=
"cell"
>
<nut-video
:source=
"source"
:options=
"options1"
@
play=
"play"
@
pause=
"pause"
@
playend=
"playend"
>
</nut-video>
<nut-video
:source=
"source"
:options=
"options1"
@
play=
"play"
@
pause=
"pause"
@
playend=
"playend"
>
</nut-video>
</nut-cell>
<h4>
初始化静音
</h4>
<nut-cell
class=
"cell"
>
<nut-video
:source=
"source"
:options=
"options2"
@
play=
"play"
@
pause=
"pause"
@
playend=
"playend"
>
</nut-video>
<nut-video
:source=
"source"
:options=
"options2"
@
play=
"play"
@
pause=
"pause"
@
playend=
"playend"
>
</nut-video>
</nut-cell>
<h4>
视频封面海报设置
</h4>
<nut-cell
class=
"cell"
>
<nut-video
:source=
"source"
:options=
"options3"
@
play=
"play"
@
pause=
"pause"
@
playend=
"playend"
>
</nut-video>
<nut-video
:source=
"source"
:options=
"options3"
@
play=
"play"
@
pause=
"pause"
@
playend=
"playend"
>
</nut-video>
</nut-cell>
<h4>
行内播放
</h4>
<nut-cell
class=
"cell"
>
<nut-video
:source=
"source"
:options=
"options4"
@
play=
"play"
@
pause=
"pause"
@
playend=
"playend"
>
</nut-video>
<nut-video
:source=
"source"
:options=
"options4"
@
play=
"play"
@
pause=
"pause"
@
playend=
"playend"
>
</nut-video>
</nut-cell>
<h4>
设置视频为背景图
</h4>
<nut-cell
class=
"cell"
>
<nut-video
:source=
"source"
:options=
"options5"
@
play=
"play"
@
pause=
"pause"
@
playend=
"playend"
>
</nut-video>
<nut-video
:source=
"source"
:options=
"options5"
@
play=
"play"
@
pause=
"pause"
@
playend=
"playend"
>
</nut-video>
</nut-cell>
<h4>
视频切换
</h4>
<nut-cell
class=
"cell"
>
<nut-video
:source=
"source1"
:options=
"options"
@
play=
"play"
@
pause=
"pause"
@
playend=
"playend"
>
</nut-video>
<nut-video
:source=
"source1"
:options=
"options"
@
play=
"play"
@
pause=
"pause"
@
playend=
"playend"
>
</nut-video>
</nut-cell>
<nut-button
type=
"primary"
@
click=
"changeVideo"
class=
"m-b"
>
切换视频
</nut-button
>
<nut-button
type=
"primary"
@
click=
"changeVideo"
class=
"m-b"
>
切换视频
</nut-button>
</div>
</
template
>
...
...
@@ -92,11 +41,11 @@ export default createDemo({
setup
()
{
const
state
=
reactive
({
source
:
{
src
:
'
https://storage.
jd.com/about/big-final.mp4?Expires=3730193075&AccessKey=3LoYX1dQWa6ZXzQl&Signature=ViMFjz%2BOkBxS%2FY1rjtUVqbopbJI%3D
'
,
src
:
'
https://storage.
360buyimg.com/nutui/video/video_NutUI.mp4
'
,
type
:
'
video/mp4
'
},
source1
:
{
src
:
'
https://storage.
jd.com/about/big-final.mp4?Expires=3730193075&AccessKey=3LoYX1dQWa6ZXzQl&Signature=ViMFjz%2BOkBxS%2FY1rjtUVqbopbJI%3D
'
,
src
:
'
https://storage.
360buyimg.com/nutui/video/legao-%E6%9D%A8%E8%BF%9B%E5%86%9B.mp4
'
,
type
:
'
video/mp4
'
},
options
:
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录