Quality stacks to empower your creativity
The purpose of Embed is to help you quickly embed common media types into your webpages. People often come to us asking what code is needed to embed different types of media that aren't natively supported by RapidWeaver. The Embed stack provides a reliable, safe and easy method towards embedding different content types. Many of the content types now supported in Embed 2.0 require no complicated code or configuration. Images and video both scale responsively.
ExamplesHere are some examples of the Embed stack being used to embed different content types:
iFrame (containing a PDF)
SetupFollow these instructions for getting an Embed stack setup in your project:
Once installed, open your Stacks library and search for 'Embed'. Drag and drop a copy of the Embed stack into your stacks page
In the Embed settings, change the Content Type to suit the type of content you want to embed
Mouseover the stack settings to see what each setting does. An informational tooltip is displayed
Preview your page to see the result. Publish when done.
You can safely use multiple Embed stacks on the same webpage. Most content types can be previewed locally in RapidWeaver, however there are some (like iFrames) that may not work inside RapidWeaver.
The Image Directory content source requires that you change your page extension to
.phpin the RapidWeaver Page Inspector. You provide a relative path to a directory of images that you want to pull into the page (this multiple images get rendered as a grid). For improved speed and security, the directory of images should be located on the same domain, where the Embed stack is published.
Print output of Embed stacks varies, depending on the content type you are embedding. Most web browsers appear to generally print whatever is visible within the Embed viewport.
Responsive supportAudio, video and images are scaled-down to fit the size of the area they are placed within. Plain text will often reflow to fit the area it's placed within. iFrames are much-less responsive and typically don't work well on touch devices. Consider using our free UsefulStack or RottenApple stack to hide iFramed content. These stacks will let you hide the Embed stack on smaller screens or touch devices.
Updating from version 1 to version 2The update is provided free. Some reconfiguration of Embed stacks may be required after you apply the update. We no longer embed webpages or PDF files using HTML
<object>tags; we now use iFrames which offer slightly better browser compatibility and fixes compatibility problems with certain other RapidWeaver addons. New content types like HTML5 audio, HTML5 video, images, image directories and plain text are now supported.