Streaming From Amazon Cloudfront - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Streaming From Amazon Cloudfront

DB

Dan Bryan

SP Page Builder 4 months ago

Hi

We have a video on AWS S3, using Cludfront as the CDN. How can I embed this using Page Builder?

Thank you Dan

0
4 Answers
DB
Dan Bryan
Accepted Answer
4 months ago #195414

In case anyone else is trying to do this, I successfully embedded the video using this raw HTML:

<div class="video-wrapper">
  <video controls>
    <source src="/your-video.mp4" type="video/mp4">
    <source src="/your-video.webm" type="video/webm">
    Your browser does not support the video tag.
  </video>
</div>

With the following added to the raw htnl addon's Custom CSS:

.video-wrapper {
  max-width: 100%; /* Or a specific max-width if you don't want it to exceed a certain size */
  margin: 0 auto; /* Centers the wrapper if it has a max-width */
}

.video-wrapper video {
  width: 100%; /* Makes the video fill the width of its parent */
  height: auto; /* Automatically calculates height to maintain aspect ratio */
  display: block; /* Removes extra space below the video tag */
}

Dan

Source: Gemini

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 months ago #195417

Hello Dan Bryan,

Thank you for reaching out to our technical support forum and sharing your solution. It will help the community who are looking for this.

Best regards

0
T
Tomcoll
Accepted Answer
3 months ago #197590

How can I do the same using SP LMS

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 months ago #197619

Hello Tomcoll,

Thank you for reaching out to our technical support forum.

Sorry, it is not available on SP LMS. You may try to customize the component to match your needs.

Best regards

0