Embed Audio and Video files in Blog Post

Embed Audio

For this we used an embed element to display the audio file in the article body. For this approach to work we need an MP3 file. The controls bar allows to download the audio

‍

‍

‍

Embed Podcast with Iframe

For this we used an embed element to display the iFrame in the article body. For this approach to work we need the podcast iframe code

‍

‍

‍

Embed Video (Hosted Externally, no Youtube or Vimeo)

For this one we used an embed element to display a video inside the rich text. For this to work the video should be hosted externally on a video hosting platform and then added as a source to this embed code

‍

‍

‍

Embed Video Autoplay (Hosted In Webflow)

For this one we used an embed element to display a video hosted in Webflow inside the rich text. This solution will require few steps to be implemented

‍

‍

‍

Embed Video Play Button (Hosted In Webflow)

For this one we used an embed element to display a video hosted in Webflow inside the rich text. This solution will require few steps to be implemented

‍

‍

‍

Use Native Video Element (Youtube video)

For this one we used the native video element to display a Youtube video inside the rich text. For this to work we only need a youtube public video URL

‍

‍

‍

Use Native Video Element (Vimeo video)

For this one we used the native video element to display a Vimeo video inside the rich text. For this to work we only need a vimeo public video URL

‍

‍

‍

Embed Video with custom player (Youtube or Vimeo video)

For this one we used the embed element to display a youtube or vimeo video with a custom player inside the rich text. For this to work we only need a youtube or Vimeo video URL and use it as a source in the code below. Custom CSS is required to style the player

‍