Banner with Video fullwidth

Welcome Intro Title

2022 | Nature | Watch Now
了解更多
Intro Title

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Intro Title

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
样板代码
<!-- wp:group {"align":"full","layout":{"inherit":false,"wideSize":"100%"}} -->
<div class="wp-block-group alignfull"><!-- wp:cover {"url":"https://wordpressdemo.project-demo.info/wp-content/uploads/2022/06/Islands-2119-1.mp4","id":184,"dimRatio":40,"overlayColor":"vivid-cyan-blue","backgroundType":"video","focalPoint":{"x":"0.50","y":"0.50"},"minHeight":550,"minHeightUnit":"px","contentPosition":"center center","isDark":false,"align":"center"} -->
<div class="wp-block-cover aligncenter is-light" style="min-height:550px"><span aria-hidden="true" class="wp-block-cover__background has-vivid-cyan-blue-background-color has-background-dim-40 has-background-dim"></span><video class="wp-block-cover__video-background intrinsic-ignore" autoplay muted loop playsinline src="https://wordpressdemo.project-demo.info/wp-content/uploads/2022/06/Islands-2119-1.mp4" style="object-position:50% 50%" data-object-fit="cover" data-object-position="50% 50%"></video><div class="wp-block-cover__inner-container"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textAlign":"center","style":{"typography":{"lineHeight":0.4,"textTransform":"uppercase","letterSpacing":"5px","fontStyle":"normal","fontWeight":"800"}},"textColor":"white","fontSize":"x-large"} -->
<h2 class="has-text-align-center has-white-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:800;letter-spacing:5px;line-height:0.4;text-transform:uppercase"><strong>Welcome Intro Title</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"18px"}},"textColor":"white"} -->
<p class="has-text-align-center has-white-color has-text-color" style="font-size:18px">2022  |  Nature  |  Watch Now</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"margin":{"top":"40px"},"blockGap":"31px"}}} -->
<div class="wp-block-buttons" style="margin-top:40px"><!-- wp:button {"backgroundColor":"white","textColor":"black","style":{"border":{"radius":"30px"},"typography":{"fontSize":"16px"},"spacing":{"padding":{"top":"10px","right":"40px","bottom":"10px","left":"40px"}}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:16px"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button" style="border-radius:30px;padding-top:10px;padding-right:40px;padding-bottom:10px;padding-left:40px">了解更多</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"white","textColor":"black","style":{"spacing":{"padding":{"top":"10px","right":"40px","bottom":"10px","left":"40px"}},"border":{"radius":"30px"},"typography":{"fontSize":"16px"}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:16px"><a class="wp-block-button__link has-black-color has-white-background-color has-text-color has-background wp-element-button" style="border-radius:30px;padding-top:10px;padding-right:40px;padding-bottom:10px;padding-left:40px">Contact Us</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"https://wordpressdemo.project-demo.info/wp-content/uploads/2022/06/Lights-26607.mp4","id":185,"dimRatio":10,"overlayColor":"luminous-vivid-amber","backgroundType":"video","minHeight":450,"minHeightUnit":"px","contentPosition":"center center","isDark":false,"align":"center","style":{"spacing":{"padding":{"top":"50px","bottom":"50px"}}}} -->
<div class="wp-block-cover aligncenter is-light" style="padding-top:50px;padding-bottom:50px;min-height:450px"><span aria-hidden="true" class="wp-block-cover__background has-luminous-vivid-amber-background-color has-background-dim-10 has-background-dim"></span><video class="wp-block-cover__video-background intrinsic-ignore" autoplay muted loop playsinline src="https://wordpressdemo.project-demo.info/wp-content/uploads/2022/06/Lights-26607.mp4" data-object-fit="cover"></video><div class="wp-block-cover__inner-container"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"33.33%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%"><!-- wp:heading {"fontSize":"x-large"} -->
<h2 class="has-x-large-font-size">Intro Title</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left"><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"width":179,"height":119,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-12040825.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=fa18848d8bc2bf80df3713426b6e8d69" alt="" width="179" height="119" /></figure>
<!-- /wp:image -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"width":182,"height":295,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://ids.si.edu/ids/deliveryService?id=SIA-SIA2010-1956" alt="" width="182" height="295" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"5px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="padding-top:5px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-jan19-msp_1901_4487.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=a7e09283f6c4ad102e92f21ad2c0e57b" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:image {"width":184,"height":125,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-sep18-film-014.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=d882a63044a03ff394f42df4b6a7ac9a" alt="" width="184" height="125" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"https://wordpressdemo.project-demo.info/wp-content/uploads/2022/06/Lights-26607.mp4","id":185,"dimRatio":30,"overlayColor":"white","backgroundType":"video","minHeight":570,"minHeightUnit":"px","contentPosition":"center center","isDark":false,"align":"center","style":{"spacing":{"padding":{"top":"50px","bottom":"50px"}}}} -->
<div class="wp-block-cover aligncenter is-light" style="padding-top:50px;padding-bottom:50px;min-height:570px"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-30 has-background-dim"></span><video class="wp-block-cover__video-background intrinsic-ignore" autoplay muted loop playsinline src="https://wordpressdemo.project-demo.info/wp-content/uploads/2022/06/Lights-26607.mp4" data-object-fit="cover"></video><div class="wp-block-cover__inner-container"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","className":"is-style-default"} -->
<figure class="wp-block-image size-full is-style-default"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/-a010-markuss-0590.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=a7a41a67e393c71925d38788e845c1b9" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-484.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=4128c979ab20ff788e16eaf41802e2bc" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"5px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="padding-top:5px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-327.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=344aa06dffe446f29d6bd7f5d09cbecc" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-column" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:image {"width":183,"height":102,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-470.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=a064f73ec5d5e229abe649febdba8988" alt="" width="183" height="102" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"33.33%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%"><!-- wp:heading {"textAlign":"right","fontSize":"x-large"} -->
<h2 class="has-text-align-right has-x-large-font-size">Intro Title</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right"><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->