| | |
|---|
| | | // }, |
|---|
| | | // 滚动监听 |
|---|
| | | scrollFun(event) { |
|---|
| | | // 视频小窗方法 |
|---|
| | | this.handleVideoPicture() |
|---|
| | | // 判断向上滚动还是向下滚动 |
|---|
| | | if (event.target.scrollTop > this.previousScrollTop) { |
|---|
| | | // 向下 |
|---|
| | |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // 视频小窗 |
|---|
| | | handleVideoPicture() { |
|---|
| | | let doms = ( |
|---|
| | | this.container ? this.container : document |
|---|
| | | ).querySelectorAll(".video"); |
|---|
| | | doms = Array.from(doms) |
|---|
| | | if(!doms.length) return false |
|---|
| | | const playVudio = doms |
|---|
| | | .reverse() |
|---|
| | | .find((item) => item.paused == false); |
|---|
| | | if(playVudio) { |
|---|
| | | const bottomGap = playVudio.getBoundingClientRect().bottom; |
|---|
| | | const topGap = playVudio.getBoundingClientRect().top; |
|---|
| | | if (bottomGap < 0 || topGap > window.innerHeight) { |
|---|
| | | playVudio.requestPictureInPicture(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | components: { |
|---|
