PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Tweak video component code style

Browse source
This commit is contained in:
J. Ryan Stinnett 2020-11-18 17:41:54 +00:00
parent e05fcc8d34
commit f7e2d70ddf
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/views/messages/MVideoBody.tsx
View file

@ -71,7 +71,7 @@ export default class MVideoBody extends React.PureComponent<IProps, IState> {
} }
} }
_getContentUrl(): string|null { private getContentUrl(): string|null {
const content = this.props.mxEvent.getContent(); const content = this.props.mxEvent.getContent();
if (content.file !== undefined) { if (content.file !== undefined) {
return this.state.decryptedUrl; return this.state.decryptedUrl;
@ -80,7 +80,7 @@ export default class MVideoBody extends React.PureComponent<IProps, IState> {
} }
} }
_getThumbUrl(): string|null { private getThumbUrl(): string|null {
const content = this.props.mxEvent.getContent(); const content = this.props.mxEvent.getContent();
if (content.file !== undefined) { if (content.file !== undefined) {
return this.state.decryptedThumbnailUrl; return this.state.decryptedThumbnailUrl;
@ -142,8 +142,8 @@ export default class MVideoBody extends React.PureComponent<IProps, IState> {
} }
} }
async _videoOnPlay() { private videoOnPlay = async () => {
if (this._getContentUrl() || this.state.fetchingData || this.state.error) { if (this.getContentUrl() || this.state.fetchingData || this.state.error) {
// We have the file, we are fetching the file, or there is an error. // We have the file, we are fetching the file, or there is an error.
return; return;
} }
@ -195,8 +195,8 @@ export default class MVideoBody extends React.PureComponent<IProps, IState> {
); );
} }
const contentUrl = this._getContentUrl(); const contentUrl = this.getContentUrl();
const thumbUrl = this._getThumbUrl(); const thumbUrl = this.getThumbUrl();
let height = null; let height = null;
let width = null; let width = null;
let poster = null; let poster = null;
@ -217,7 +217,7 @@ export default class MVideoBody extends React.PureComponent<IProps, IState> {
<span className="mx_MVideoBody"> <span className="mx_MVideoBody">
<video className="mx_MVideoBody" src={contentUrl} title={content.body} <video className="mx_MVideoBody" src={contentUrl} title={content.body}
controls preload={preload} muted={autoplay} autoPlay={autoplay} controls preload={preload} muted={autoplay} autoPlay={autoplay}
height={height} width={width} poster={poster} onPlay={this._videoOnPlay.bind(this)}> height={height} width={width} poster={poster} onPlay={this.videoOnPlay}>
</video> </video>
<MFileBody {...this.props} decryptedBlob={this.state.decryptedBlob} /> <MFileBody {...this.props} decryptedBlob={this.state.decryptedBlob} />
</span> </span>