Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
一把秋刀鱼
uni-app
提交
550560a5
U
uni-app
项目概览
一把秋刀鱼
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
4
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
550560a5
编写于
1月 14, 2019
作者:
X
xzs02
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat: video组件增加x5内核全屏事件监听
上级
1c8b12e2
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
36 addition
and
24 deletion
+36
-24
src/platforms/h5/view/components/video/index.vue
src/platforms/h5/view/components/video/index.vue
+36
-24
未找到文件。
src/platforms/h5/view/components/video/index.vue
浏览文件 @
550560a5
...
...
@@ -49,9 +49,9 @@
webkit-playsinline
playsinline
/>
<div
v-show=
"controlsShow"
class=
"uni-video-bar uni-video-bar-full"
<div
v-show=
"controlsShow"
class=
"uni-video-bar uni-video-bar-full"
@
click.stop
>
<div
class=
"uni-video-controls"
>
<div
...
...
@@ -67,12 +67,12 @@
@
click.stop=
"clickProgress($event)"
>
<div
class=
"uni-video-progress"
>
<div
:style=
"
{width:buffered*100+'%'}"
<div
:style=
"
{width:buffered*100+'%'}"
class="uni-video-progress-buffered"/>
<div
ref=
"ball"
:style=
"
{left:progress+'%'}"
<div
ref=
"ball"
:style=
"
{left:progress+'%'}"
class="uni-video-ball">
<div
class=
"uni-video-inner"
/>
</div>
...
...
@@ -93,22 +93,22 @@
@click.stop="triggerFullscreen"
/>
</div>
<div
v-show=
"start&&enableDanmuSync"
ref=
"danmu"
style=
"z-index: 0;"
<div
v-show=
"start&&enableDanmuSync"
ref=
"danmu"
style=
"z-index: 0;"
class=
"uni-video-danmu"
/>
<div
v-if=
"!start"
class=
"uni-video-cover"
<div
v-if=
"!start"
class=
"uni-video-cover"
@
click.stop
>
<div
class=
"uni-video-cover-play-button"
<div
class=
"uni-video-cover-play-button"
@
click.stop=
"play"
/>
<p
class=
"uni-video-cover-duration"
>
{{
(
duration
||
durationTime
)
|
getTime
}}
</p>
</div>
<div
:class=
"
{'uni-video-toast-volume':gestureType==='volume'}"
<div
:class=
"
{'uni-video-toast-volume':gestureType==='volume'}"
class="uni-video-toast">
<div
class=
"uni-video-toast-title"
>
音量
</div>
<svg
...
...
@@ -124,8 +124,8 @@
/>
</svg>
<div
class=
"uni-video-toast-value"
>
<div
:style=
"
{width:volumeNew*100+'%'}"
<div
:style=
"
{width:volumeNew*100+'%'}"
class="uni-video-toast-value-content">
<div
class=
"uni-video-toast-volume-grids"
>
<div
...
...
@@ -137,8 +137,8 @@
</div>
</div>
</div>
<div
:class=
"
{'uni-video-toast-progress':gestureType=='progress'}"
<div
:class=
"
{'uni-video-toast-progress':gestureType=='progress'}"
class="uni-video-toast">
<div
class=
"uni-video-toast-title"
>
{{
currentTimeNew
|
getTime
}}
/
{{
durationTime
|
getTime
}}
</div>
</div>
...
...
@@ -467,11 +467,21 @@ export default {
}
otherData
.
danmuIndex
=
danmuIndex
self
.
$trigger
(
'
timeupdate
'
,
{}
,
{
self
.
$trigger
(
'
timeupdate
'
,
$event
,
{
currentTime
,
duration
})
})
video
.
addEventListener
(
'
x5videoenterfullscreen
'
,
function
(
$event
)
{
self
.
$trigger
(
'
fullscreenchange
'
,
$event
,
{
fullScreen
:
true
})
})
video
.
addEventListener
(
'
x5videoexitfullscreen
'
,
function
(
$event
)
{
self
.
$trigger
(
'
fullscreenchange
'
,
$event
,
{
fullScreen
:
false
})
})
var
originX
var
originY
var
moveOnce
=
true
...
...
@@ -822,6 +832,7 @@ uni-video[hidden] {
top
:
0
;
left
:
0
;
overflow
:
hidden
;
object-position
:
inherit
;
}
.uni-video-container.uni-video-type-fullscreen
{
...
...
@@ -843,6 +854,7 @@ uni-video[hidden] {
.uni-video-video
{
width
:
100%
;
height
:
100%
;
object-position
:
inherit
;
}
.uni-video-cover
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录