LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

hide play button if autoplay next is on

Browse source
This commit is contained in:
Anthony 2021-08-27 16:08:35 +02:00
parent 1ed8b4e2cb
commit 889f05b43c
No known key found for this signature in database
GPG key ID: C386D3C93D50E356
2 changed files with 16 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
ui/component/viewers/videoViewer/internal/videojs.jsx
View file

@ -59,6 +59,7 @@ type Props = {
userId: ?number, userId: ?number,
// allowPreRoll: ?boolean, // allowPreRoll: ?boolean,
shareTelemetry: boolean, shareTelemetry: boolean,
showAutoplayCountdown: boolean
}; };
// type VideoJSOptions = { // type VideoJSOptions = {
@ -198,6 +199,7 @@ export default React.memo<Props>(function VideoJs(props: Props) {
userId, userId,
// allowPreRoll, // allowPreRoll,
shareTelemetry, shareTelemetry,
showAutoplayCountdown,
} = props; } = props;
const [reload, setReload] = useState('initial'); const [reload, setReload] = useState('initial');
@ -560,10 +562,11 @@ export default React.memo<Props>(function VideoJs(props: Props) {
player.on('error', onError); player.on('error', onError);
player.on('ended', onEnded); player.on('ended', onEnded);
// on ios, center the play button when paused // on ios, show a play button when paused
player.on('pause', function() { if (IS_IOS) {
if (IS_IOS) { const playBT = document.getElementsByClassName('vjs-big-play-button')[0];
const playBT = document.getElementsByClassName('vjs-big-play-button')[0];
player.on('pause', function() {
const videoDiv = player.children_[0]; const videoDiv = player.children_[0];
const controlBar = document.getElementsByClassName('vjs-control-bar')[0]; const controlBar = document.getElementsByClassName('vjs-control-bar')[0];
const leftWidth = ((videoDiv.offsetWidth - playBT.offsetWidth) / 2) + 'px'; const leftWidth = ((videoDiv.offsetWidth - playBT.offsetWidth) / 2) + 'px';
@ -573,8 +576,14 @@ export default React.memo<Props>(function VideoJs(props: Props) {
playBT.style.top = topHeight; playBT.style.top = topHeight;
playBT.style.left = leftWidth; playBT.style.left = leftWidth;
playBT.style.margin = 0; playBT.style.margin = 0;
} });
});
player.on('ended', function() {
if (showAutoplayCountdown) {
playBT.style.display = 'none';
}
});
}
// Replace volume bar with custom LBRY volume bar // Replace volume bar with custom LBRY volume bar
LbryVolumeBarClass.replaceExisting(player); LbryVolumeBarClass.replaceExisting(player);

1
ui/component/viewers/videoViewer/view.jsx
View file

@ -336,6 +336,7 @@ function VideoViewer(props: Props) {
userId={userId} userId={userId}
allowPreRoll={!embedded && !authenticated} allowPreRoll={!embedded && !authenticated}
shareTelemetry={shareTelemetry} shareTelemetry={shareTelemetry}
showAutoplayCountdown={autoplaySetting}
/> />
)} )}
</div> </div>