blackteay/xgplayer
1
0
Fork 0
mirror of https://github.com/bytedance/xgplayer.git synced 2025-04-05 11:18:46 +08:00
Code Issues Projects Releases Wiki Activity

fix: 🐛 (xgplayer) 修复roate旋转容器时，一直旋转的问题 fixed #1045

Browse Source
This commit is contained in:
gemstone 2023-07-31 22:14:19 +08:00
parent 66fe6313a5
commit ed6ba11db4
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/xgplayer/src/plugins/rotate/index.js
View File

@ -36,13 +36,17 @@ export default class Rotate extends IconPlugin {
this.bind('.xgplayer-icon', ['click', 'touchend'], this.onBtnClick)
// 全屏/css全屏/容器宽高发生变化 需要重新计算
this.on(Events.VIDEO_RESIZE, () => {
// console.log('Events.VIDEO_RESIZE')
if (this.rotateDeg) {
if (this.rotateDeg && this.config.innerRotate) {
Util.setTimeout(this, () => {
this.updateRotateDeg(this.rotateDeg, this.config.innerRotate)
}, 100)
}
})
const root = this.player.root
this.rootWidth = root.style.width || root.offsetWidth || root.clientWidth
this.rootHeight = root.style.height || root.offsetHeight || root.clientHeight
if (this.rotateDeg) {
this.updateRotateDeg(this.rotateDeg, this.config.innerRotate)
}
@ -61,7 +65,6 @@ export default class Rotate extends IconPlugin {
}
updateRotateDeg (rotateDeg, innerRotate) {
const player = this.player
if (!rotateDeg) {
rotateDeg = 0
}
@ -69,12 +72,13 @@ export default class Rotate extends IconPlugin {
this.player.videoRotateDeg = rotateDeg
return
}
const { root, innerContainer } = this.player
const video = this.player.media
const { player, rootWidth, rootHeight } = this
const { root, innerContainer } = player
const video = player.media
const width = root.offsetWidth
const height = innerContainer && innerRotate ? innerContainer.offsetHeight : root.offsetHeight
let rWidth = '100%'
let rHeight = '100%'
let rWidth = rootWidth
let rHeight = rootHeight
let x = 0
let y = 0
if (rotateDeg === 0.75 || rotateDeg === 0.25) {