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 49 50 51 52 53 54 55 56 | 45x 45x 45x 45x | import { RichText, useBlockProps } from '@wordpress/block-editor';
import clsx from 'clsx';
import { getVideoPressUrl } from './url';
export default function VideoPressSave( props ) {
const {
attributes: {
autoplay,
caption,
controls,
guid,
loop,
muted,
playsinline,
poster,
preload,
videoPressClassNames,
className,
align,
seekbarColor,
seekbarPlayedColor,
seekbarLoadingColor,
} = {},
} = props;
const blockProps = useBlockProps.save( {
className: clsx( 'wp-block-video', className, videoPressClassNames, {
[ `align${ align }` ]: align,
} ),
} );
const url = getVideoPressUrl( guid, {
autoplay,
controls,
loop,
muted,
playsinline,
poster,
preload,
seekbarColor,
seekbarPlayedColor,
seekbarLoadingColor,
} );
return (
<figure { ...blockProps }>
<div className="wp-block-embed__wrapper">
{ `\n${ url }\n` /* URL needs to be on its own line. */ }
</div>
{ ! RichText.isEmpty( caption ) && (
<RichText.Content tagName="figcaption" value={ caption } />
) }
</figure>
);
}
|