Render Nest battery cam vertical video on screen correctly (#10431)

Co-authored-by: Bram Kragten <mail@bramkragten.nl>
This commit is contained in:
Allen Porter 2021-10-28 11:02:06 -07:00 committed by GitHub
parent bb734be4bc
commit 719d9386c5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 2 deletions

View File

@ -86,7 +86,7 @@ class HaCameraStream extends LitElement {
}
if (this.stateObj.attributes.frontend_stream_type === STREAM_TYPE_HLS) {
return this._url
? html` <ha-hls-player
? html`<ha-hls-player
autoplay
playsinline
.allowExoPlayer=${this.allowExoPlayer}
@ -98,7 +98,7 @@ class HaCameraStream extends LitElement {
: html``;
}
if (this.stateObj.attributes.frontend_stream_type === STREAM_TYPE_WEB_RTC) {
return html` <ha-web-rtc-player
return html`<ha-web-rtc-player
autoplay
playsinline
.muted=${this.muted}

View File

@ -229,6 +229,7 @@ class HaHLSPlayer extends LitElement {
video {
width: 100%;
max-height: var(--video-max-height, calc(100vh - 97px));
}
`;
}

View File

@ -145,9 +145,15 @@ class HaWebRtcPlayer extends LitElement {
static get styles(): CSSResultGroup {
return css`
:host,
video {
display: block;
}
video {
width: 100%;
max-height: var(--video-max-height, calc(100vh - 97px));
}
`;
}
}