|
|
@ -5,7 +5,7 @@ import Icon from "@/components/icon"; |
|
|
|
import {AtSlider} from "taro-ui"; |
|
|
|
import {AtSlider} from "taro-ui"; |
|
|
|
import Taro from "@tarojs/taro"; |
|
|
|
import Taro from "@tarojs/taro"; |
|
|
|
import full from "@/static/img/fullscreen.png" |
|
|
|
import full from "@/static/img/fullscreen.png" |
|
|
|
import unfull from "@/static/img/exitFullscreen.png" |
|
|
|
import unFull from "@/static/img/exitFullscreen.png" |
|
|
|
|
|
|
|
|
|
|
|
type Props = { |
|
|
|
type Props = { |
|
|
|
src: string |
|
|
|
src: string |
|
|
@ -45,7 +45,6 @@ const VideoPro:FC<Props> = ({src,onRef,showFull}) => { |
|
|
|
}, []); |
|
|
|
}, []); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function onTouchStart(){ |
|
|
|
function onTouchStart(){ |
|
|
|
if(!showMenu) { |
|
|
|
if(!showMenu) { |
|
|
|
setShowMenu(true) |
|
|
|
setShowMenu(true) |
|
|
@ -188,8 +187,8 @@ const VideoPro:FC<Props> = ({src,onRef,showFull}) => { |
|
|
|
<Text className="text-white font-26 pr-2">{total_duration}</Text> |
|
|
|
<Text className="text-white font-26 pr-2">{total_duration}</Text> |
|
|
|
{ showFull && |
|
|
|
{ showFull && |
|
|
|
<> |
|
|
|
<> |
|
|
|
{isFull? <Image style={{width:'25px',height:'25px'}} onClick={() => {videoContext.current.exitFullScreen()}} src={unfull} /> |
|
|
|
{isFull? <Image style={{width:'25px',height:'25px'}} onClick={() => videoContext.current.exitFullScreen() } src={unFull} /> |
|
|
|
: <Image style={{width:'23px',height:'23px'}} src={full} onClick={() => {videoContext.current.requestFullScreen({direction:90})}} />} |
|
|
|
: <Image style={{width:'23px',height:'23px'}} src={full} onClick={() => videoContext.current.requestFullScreen({direction:90}) } />} |
|
|
|
</> |
|
|
|
</> |
|
|
|
} |
|
|
|
} |
|
|
|
</> |
|
|
|
</> |
|
|
|