|
|
|
|
|
|
|
|
height: '100%', |
|
|
height: '100%', |
|
|
width: '100%', |
|
|
width: '100%', |
|
|
fontFamily: 'monospace', |
|
|
fontFamily: 'monospace', |
|
|
fontSize: 'xxx-large', |
|
|
|
|
|
|
|
|
fontSize: 'x-large', |
|
|
} |
|
|
} |
|
|
const styleVideo = { |
|
|
const styleVideo = { |
|
|
objectFit: Settings.get('blackBars') ? 'contain' : 'cover', |
|
|
objectFit: Settings.get('blackBars') ? 'contain' : 'cover', |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
return m('.video-container', {style: styleOuter}, |
|
|
return m('.video-container', {style: styleOuter}, |
|
|
m('.video-info', {style: styleMeta}, |
|
|
m('.video-info', {style: styleMeta}, |
|
|
m('.username', username), |
|
|
|
|
|
|
|
|
m(`.label-${username}`, username), |
|
|
), |
|
|
), |
|
|
m('video[playsinline][autoplay]', { |
|
|
m('video[playsinline][autoplay]', { |
|
|
style: styleVideo, |
|
|
style: styleVideo, |