Video style

merge-requests/30/head
Bob Mottram 2021-03-07 11:55:06 +00:00
parent 3181398df5
commit c19a072c97
2 changed files with 40 additions and 1 deletions

View File

@ -184,6 +184,41 @@ body, html {
image-rendering: var(--rendering);
}
video {
width: 100%;
}
figure[data-fullscreen=true] {
max-width: 100%;
width: 100%;
margin: 0;
padding: 0;
max-height: 100%;
}
figure[data-fullscreen=true] video {
height: auto;
}
figure[data-fullscreen=true] .controls {
position: absolute;
bottom: 2%;
width: 100%;
z-index: 2147483647;
}
figure[data-fullscreen=true] .controls li {
width: 5%;
}
figure[data-fullscreen=true] .controls .progress {
width: 68%;
}
figure {
padding-left: 0;
padding-right: 0;
height: auto;
}
.cw {
font-style: var(--cw-style);
font-weight: var(--cw-weight);

View File

@ -930,7 +930,10 @@ def getPostAttachmentsAsHtml(postJsonObject: {}, boxName: str, translate: {},
if not isMuted:
galleryStr += ' <a href="' + attach['url'] + '">\n'
galleryStr += \
' <video width="600" height="400" controls>\n'
' <figure id="videoContainer" ' + \
'data-fullscreen="false">\n' + \
' <video id="video" controls ' + \
'preload="metadata">\n'
galleryStr += \
' <source src="' + attach['url'] + \
'" alt="' + imageDescription + \
@ -940,6 +943,7 @@ def getPostAttachmentsAsHtml(postJsonObject: {}, boxName: str, translate: {},
idx = 'Your browser does not support the video tag.'
galleryStr += translate[idx]
galleryStr += ' </video>\n'
galleryStr += ' </figure>\n'
galleryStr += ' </a>\n'
if postJsonObject['object'].get('url'):
videoPostUrl = postJsonObject['object']['url']