微信公众号 webview
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
video {
width: 100%;
height: 90%;
}
.time {
height: 30px;
border: 1px solid #eee;
}
</style>
</head>
<body>
<video
src="https://play.ourwill.cn/tuwenzb/twv1_388400_lud.m3u8?auth_key=1588677727-0-0-71cda31ddd9715a46c9191e553b6b03a"
id="1" controls x5-video-player-type="h5-page" muted></video>
<div class="time"></div>
</body>
<script>
const v = document.querySelector("video")
const t = document.querySelector(".time")
// 使用WeixinJSBridgeReady 即得到的currentTime 就是定值了
// 非用户触发的play事件,currentTime的值始终不对
// 添加autoplay 属性,也会造成影响
document.addEventListener('WeixinJSBridgeReady', () => {
v.play()
});
// document.addEventListener('YixinJSBridgeReady', () => {
// v.play()
// });
// document.addEventListener('touchstart', () => {
// v.play()
// })
v.addEventListener('timeupdate', (e) => {
t.innerHTML = e.target.currentTime
})
setInterval(() => {
t.innerHTML = v.currentTime
}, 1000);
</script>
</html>
前提:
- video 的src是hls直播流
- 安卓环境
- 非用户触发过play事件,即touch或WeixinJSBridgeReady等调用过play,无论是否成功;
则
currentTime 取到的不对, 始终为0.001
即使后续用户点击video play, 也不能正常
请问这个问题解决了吗
你好,其他机型是否有问题?麻烦提供测试链接看下