Add max video height on mobile

This commit is contained in:
Chocobozzz 2018-02-28 09:39:08 +01:00
parent 7ccfb37f32
commit acbffe9c0f
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 10 additions and 5 deletions

View File

@ -10,8 +10,9 @@
width: 888px;
height: 500px;
@media screen and (max-width: 800px) {
@media screen and (max-width: 600px) {
height: auto;
max-height: calc(100vh - #{$header-height});
}
// VideoJS create an inner video player

View File

@ -100,11 +100,12 @@ function addOpenGraphAndOEmbedTags (htmlStringPage: string, video: VideoModel) {
'@type': 'VideoObject',
name: videoNameEscaped,
description: videoDescriptionEscaped,
thumbnailUrl: previewUrl,
uploadDate: video.createdAt.toISOString(),
duration: video.getActivityStreamDuration(),
thumbnailURL: previewUrl,
contentURL: videoUrl,
embedURL: embedUrl,
uploadDate: video.createdAt
contentUrl: videoUrl,
embedUrl: embedUrl,
interactionCount: video.views
}
let tagsString = ''
@ -124,6 +125,9 @@ function addOpenGraphAndOEmbedTags (htmlStringPage: string, video: VideoModel) {
// Schema.org
tagsString += `<script type="application/ld+json">${JSON.stringify(schemaTags)}</script>`
// SEO
tagsString += `<link rel="canonical" href="${videoUrl}" />`
return htmlStringPage.replace(OPENGRAPH_AND_OEMBED_COMMENT, tagsString)
}