Add max video height on mobile
This commit is contained in:
parent
7ccfb37f32
commit
acbffe9c0f
2 changed files with 10 additions and 5 deletions
|
@ -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
|
||||
|
|
|
@ -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)
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue