Embedding oEmbed versions of a web page

You can embed an external web page that offers oEmbed rendering. An oEmbed rendering of a web page is typically a cropped or summarized version of the full web page. With oEmbed renderings, you can provide your own narrative around the embedded media. <bsp-image data-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1675372341990,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1675372341990,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"rekognitionVideo.timeFrameMetadata":[],"image":{"rekognitionVideo.timeFrameMetadata":[],"image":{"_ref":"00000186-13f8-d6c6-a5ff-77f870070000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed00007"},"_id":"00000186-13f9-d26c-a9cf-b3f910f10001","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed0000b"},"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":"none","_id":"00000186-13f9-d26c-a9cf-b3f910f10000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed00009"}">YouTube full rendering <bsp-image data-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1675372352855,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1675372352855,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"rekognitionVideo.timeFrameMetadata":[],"image":{"rekognitionVideo.timeFrameMetadata":[],"image":{"_ref":"00000186-13f7-d26c-a9cf-b3ffd3a30001","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed00007"},"_id":"00000186-13f9-d6c6-a5ff-77f93f170001","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed0000b"},"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":"none","_id":"00000186-13f9-d6c6-a5ff-77f93f170000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed00009"}">YouTube oEmbed rendering To embed an oEmbed version of web page in the rich-text editor: <bsp-snippet data-snippet-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1670598697788,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1670598697788,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"rekognitionVideo.timeFrameMetadata":[],"snippet":{"_ref":"00000184-f76f-db97-ade4-f7efe7b40001","_type":"d2a205aa-dd4d-3a6e-acf9-d4f7609d4d35"},"variantId":"00000184-f76f-db97-ade4-f7eff7390000","theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":"none","_id":"00000184-f771-d120-a997-fff107a50000","_type":"968481a3-3236-3bd5-82c4-ba78207b9d17"}"> Embed . <bsp-snippet data-snippet-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1670535383588,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1670535383588,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"rekognitionVideo.timeFrameMetadata":[],"snippet":{"_ref":"0000017f-2818-dd5d-a7ff-b9ff681e0001","_type":"d2a205aa-dd4d-3a6e-acf9-d4f7609d4d35"},"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":"none","_id":"00000184-f3aa-db97-ade4-f7ebde640000","_type":"968481a3-3236-3bd5-82c4-ba78207b9d17"}"> <bsp-snippet data-snippet-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1670535365050,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1670535365050,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"rekognitionVideo.timeFrameMetadata":[],"snippet":{"_ref":"0000017b-6498-de4e-afff-eeda1c080001","_type":"d2a205aa-dd4d-3a6e-acf9-d4f7609d4d35"},"variantId":"0000017c-ec45-d391-ab7f-fec717c60000","theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":"none","_id":"00000184-f3aa-db97-ade4-f7eb94660000","_type":"968481a3-3236-3bd5-82c4-ba78207b9d17"}"> . <bsp-callout data-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1675372478577,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1675372478577,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"rekognitionVideo.timeFrameMetadata":[],"callout":{"rekognitionVideo.timeFrameMetadata":[],"callout":{"rekognitionVideo.timeFrameMetadata":[],"type":"NOTE","calloutText":"If you see a message in the rich-text editor Preview not available! , the URL you used does not provide oEmbed rendering.","_id":"00000186-13fa-d78f-a5f6-1ffa44f20000","_type":"a64a25ea-0f4e-3e27-8136-0e63bec56e72"},"_id":"00000186-13fa-d17b-ad87-d3fb44930000","_type":"96fa12a0-b117-3f56-8123-eefe760f046e"},"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":"none","_id":"00000186-13fa-d17b-ad87-d3fb44830000","_type":"98cde75f-32a8-3181-9416-3bf9f401af77"}"> Field Description URL Enter the URL of the external web page. The URL must provide an oEmbed rendition. Maximum Width Enter the embedded page's maximum width on your published asset. Maximum Height Enter the embedded page's maximum height on your published asset. Styles -> External Content Wrapper Styles Preset <bsp-snippet data-snippet-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1670599715971,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1670599715971,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"rekognitionVideo.timeFrameMetadata":[],"snippet":{"_ref":"0000017d-2e70-db72-a5ff-6fff959e0001","_type":"d2a205aa-dd4d-3a6e-acf9-d4f7609d4d35"},"variantId":"00000184-ee9f-dac9-a5bf-ef9f7dbd0000","theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":"none","_id":"00000184-f780-d120-a997-ffd1900c0000","_type":"968481a3-3236-3bd5-82c4-ba78207b9d17"}"> <bsp-snippet data-snippet-state="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1670447991143,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1670447991143,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"rekognitionVideo.timeFrameMetadata":[],"snippet":{"_ref":"0000017e-8dab-d8b5-a17f-8dffad7b0001","_type":"d2a205aa-dd4d-3a6e-acf9-d4f7609d4d35"},"variantId":"0000017e-8dab-d8b5-a17f-8dffc65f0000","theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":"none","_id":"00000184-ee75-d5f3-afde-ee7d745d0000","_type":"968481a3-3236-3bd5-82c4-ba78207b9d17"}"> <a href="https://www.brightspot.com/documentation/brightspot-cms-user-guide/embedding-an-iframe-module" data-cms-id="00000181-b04f-d315-a1d7-f9cfce220000" data-cms-href="https://www.brightspot.com/documentation/brightspot-cms-user-guide/embedding-an-iframe-module" link-data="{"cms.site.owner":{"_ref":"0000017a-e99b-d9c6-a5fa-eddf364e0000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30006"},"cms.content.publishDate":1675372613004,"cms.content.publishUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"cms.content.updateDate":1675372613004,"cms.content.updateUser":{"_ref":"00000165-6c20-dfe9-abef-edbd9fd90000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ee30018"},"rekognitionVideo.timeFrameMetadata":[],"link":{"rekognitionVideo.timeFrameMetadata":[],"attributes":[],"item":{"_ref":"00000181-b04f-d315-a1d7-f9cfce220000","_type":"75918a10-b479-3fb1-bb84-6a57df4b0241"},"_id":"00000184-ee76-dedb-afde-fe7e73570000","_type":"0000015d-56b9-d2db-a5dd-f6fd6ed10000"},"linkText":"Embedding an iframe module","theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs.linkStyle":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs.enhancementAlignment":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs._template":null,"theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:link:Link.hbs._preset":"none","theme.0000017a-e99c-d9c6-a5fa-eddf027f0000.:core:enhancement:Enhancement.hbs._preset":"none","_id":"00000184-ee76-dedb-afde-fe7e73560000","_type":"00000162-ab56-d787-af72-fb57299f0000"}">Embedding an iframe module

Field	Description
URL	Enter the URL of the external web page. The URL must provide an oEmbed rendition.
Maximum Width	Enter the embedded page's maximum width on your published asset.
Maximum Height	Enter the embedded page's maximum height on your published asset.
Styles -> External Content Wrapper Styles
Preset	Select one of the following: None—Brightspot aligns the module within the body text using your theme's settings. Custom—Under Choose enhancement alignment, select an alignment. See Enhancement alignment for more information on enhancement placement.