LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

fixed image partial

Browse source
This commit is contained in:
bill bittner 2017-11-28 12:28:30 -08:00
parent 8400ca5110
commit 7d518cf6b5
2 changed files with 1 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
views/partials/asset.handlebars
View file

@ -20,7 +20,6 @@
searchMessage.hidden = true; searchMessage.hidden = true;
assetHolder.hidden = false; assetHolder.hidden = false;
asset.setAttribute('src', `/{{claimInfo.claimId}}/{{claimInfo.name}}.{{claimInfo.fileExt}}`); asset.setAttribute('src', `/{{claimInfo.claimId}}/{{claimInfo.name}}.{{claimInfo.fileExt}}`);
asset.load();
}, },
showSearchMessage: function (msg) { showSearchMessage: function (msg) {
console.log(msg); console.log(msg);

16
views/partials/image.handlebars
View file

@ -1,15 +1 @@
<video id="video-player" controls poster="{{claimInfo.thumbnail}}"> <img id="asset" class="asset" />
<source id="asset">
<!--fallback-->
Your browser does not support the <code>video</code> element.
</video>
<!--dynamically resize video player-->
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', resizeVideoPlayer)
window.addEventListener("resize", resizeVideoPlayer);
function resizeVideoPlayer() {
const div = document.getElementById('video-player');
const width = div.offsetWidth;
div.height = (width * 9 / 16);
}
</script>