2
0
mirror of https://github.com/thumbsup/thumbsup synced 2024-11-03 15:40:14 +00:00

Fix video poster aspect ratio: simply use the built-in VideoJS poster

This commit is contained in:
Romain 2017-03-16 00:13:01 +11:00
parent 9a24acc6df
commit 6cdc99525c
4 changed files with 1 additions and 4 deletions

View File

@ -22,7 +22,7 @@
{{#each album.files}} {{#each album.files}}
{{#if isVideo}} {{#if isVideo}}
<div id="media{{id}}" style="display:none;"> <div id="media{{id}}" style="display:none;">
<video class="lg-video-object lg-html5 video-js vjs-default-skin" preload="none" controls> <video class="lg-video-object lg-html5 video-js vjs-default-skin vjs-big-play-centered" poster="{{relative urls.large}}" preload="none" controls>
<source src="{{relative urls.video}}" type="video/mp4" /> <source src="{{relative urls.video}}" type="video/mp4" />
Your browser does not support HTML5 video Your browser does not support HTML5 video
</video> </video>

View File

@ -40,7 +40,6 @@
{{#each album.files~}} {{#each album.files~}}
{{#if isVideo~}} {{#if isVideo~}}
<li data-html="#media{{id}}" <li data-html="#media{{id}}"
data-poster="{{relative urls.large}}"
data-download-url="{{relative urls.download}}"> data-download-url="{{relative urls.download}}">
<a href="{{relative urls.download}}"> <a href="{{relative urls.download}}">
<img src="{{relative urls.thumbnail}}" <img src="{{relative urls.thumbnail}}"

View File

@ -36,7 +36,6 @@
{{#each album.files}} {{#each album.files}}
{{#if isVideo~}} {{#if isVideo~}}
<li data-html="#media{{id}}" <li data-html="#media{{id}}"
data-poster="{{relative urls.large}}"
data-download-url="{{relative urls.download}}"> data-download-url="{{relative urls.download}}">
<a href="{{relative urls.download}}"> <a href="{{relative urls.download}}">
<img src="{{relative urls.thumbnail}}" <img src="{{relative urls.thumbnail}}"

View File

@ -54,7 +54,6 @@
{{#each album.files}} {{#each album.files}}
{{#if isVideo~}} {{#if isVideo~}}
<li data-html="#media{{id}}" <li data-html="#media{{id}}"
data-poster="{{relative urls.large}}"
data-download-url="{{relative urls.download}}"> data-download-url="{{relative urls.download}}">
<a href="{{relative urls.download}}"> <a href="{{relative urls.download}}">
<img src="{{relative urls.thumbnail}}" <img src="{{relative urls.thumbnail}}"