joshua/HLS-over-IPFS-video-player
1
0
Fork 0
mirror of https://github.com/seigler/HLS-over-IPFS-video-player synced 2025-07-26 17:26:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: document sizing for mobile

Browse source
This commit is contained in:
Joshua Seigler 2021-11-30 10:47:25 -05:00
parent c853faf3ca
commit e9bb3b7df4
2 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

5
index.html
View file

@ -47,8 +47,9 @@
height: 100%; height: 100%;
} }
#help { #help {
max-width: 80ch; width: 80ch;
padding: 5em; max-width: 100%;
padding: 1em;
} }
pre { pre {
background-color: #ffffff1f; background-color: #ffffff1f;

4
src/index.js
View file

@ -5,8 +5,6 @@ import Hls from 'hls.js'
import HlsjsIpfsLoader from 'hlsjs-ipfs-loader' import HlsjsIpfsLoader from 'hlsjs-ipfs-loader'
document.addEventListener('DOMContentLoaded', async () => { document.addEventListener('DOMContentLoaded', async () => {
setBodyHeight()
window.addEventListener('resize', setBodyHeight)
const hash = getUrlParameter('hash') const hash = getUrlParameter('hash')
const source = getUrlParameter('source') const source = getUrlParameter('source')
const title = getUrlParameter('title') const title = getUrlParameter('title')
@ -17,6 +15,8 @@ document.addEventListener('DOMContentLoaded', async () => {
} }
if (hash) { if (hash) {
document.getElementById('help').style.display = 'none' document.getElementById('help').style.display = 'none'
setBodyHeight()
window.addEventListener('resize', setBodyHeight)
const video = document.getElementById('video') const video = document.getElementById('video')
video.style.display = 'block' video.style.display = 'block'
const repoPath = 'ipfs-' + Math.random() const repoPath = 'ipfs-' + Math.random()