Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | 1x 57x 57x 57x | import { addQueryArgs } from '@wordpress/url';
export const getVideoPressUrl = (
guid,
{
autoplay,
controls,
loop,
muted,
playsinline,
poster,
preload,
seekbarColor,
seekbarPlayedColor,
seekbarLoadingColor,
useAverageColor,
}
) => {
Iif ( ! guid ) {
return null;
}
// In order to have a cleaner URL, we only set the options differing from the default VideoPress player settings:
// - Autoplay: Turned off by default.
// - Controls: Turned on by default.
// - Loop: Turned off by default.
// - Muted: Turned off by default.
// - Plays Inline: Turned off by default.
// - Poster: No image by default.
// - Preload: None by default.
const options = {
resizeToParent: true,
cover: true,
...( autoplay && { autoPlay: true } ),
...( ! controls && { controls: false } ),
...( loop && { loop: true } ),
...( muted && { muted: true, persistVolume: false } ),
...( playsinline && { playsinline: true } ),
...( poster && { posterUrl: poster } ),
...( preload !== '' && { preloadContent: preload } ),
...( seekbarColor !== '' && { sbc: seekbarColor } ),
...( seekbarPlayedColor !== '' && { sbpc: seekbarPlayedColor } ),
...( seekbarLoadingColor !== '' && { sblc: seekbarLoadingColor } ),
...( useAverageColor && { useAverageColor: true } ),
};
return addQueryArgs( `https://videopress.com/v/${ guid }`, options );
};
|