remotion
Version:
Make videos programmatically
50 lines (49 loc) • 1.29 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.makeDefaultPreviewCSS = exports.OFFTHREAD_VIDEO_CLASS_NAME = exports.injectCSS = void 0;
const injected = {};
const injectCSS = (css) => {
// Skip in node
if (typeof document === 'undefined') {
return;
}
if (injected[css]) {
return;
}
const head = document.head || document.getElementsByTagName('head')[0];
const style = document.createElement('style');
style.appendChild(document.createTextNode(css));
head.prepend(style);
injected[css] = true;
};
exports.injectCSS = injectCSS;
exports.OFFTHREAD_VIDEO_CLASS_NAME = '__remotion_offthreadvideo';
const makeDefaultPreviewCSS = (scope, backgroundColor) => {
if (!scope) {
return `
* {
box-sizing: border-box;
}
body {
margin: 0;
background-color: ${backgroundColor};
}
.${exports.OFFTHREAD_VIDEO_CLASS_NAME} {
object-fit: contain;
}
`;
}
return `
${scope} * {
box-sizing: border-box;
}
${scope} *:-webkit-full-screen {
width: 100%;
height: 100%;
}
${scope} .${exports.OFFTHREAD_VIDEO_CLASS_NAME} {
object-fit: contain;
}
`;
};
exports.makeDefaultPreviewCSS = makeDefaultPreviewCSS;