Hi everyone, I am trying to embed a video as a Hero Baner on my website and everything worked fine

Hi everyone,

I am trying to embed a video as a Hero Baner on my website and everything worked fine, I uploaded my video, got the embed snippet, and tweaked until everything would work. I am on Wordpress and using Elementor.

My issue seems simple but I cannot find a solution, when I check on tablet or phone the image does not fit the screen, instead it's stuck on top of the page and leave a lot of blank space below, instead of filling the page . I have tried many things but it will just always keep the aspect ratio.

Does anyone know how to solve this? I can provide my snippet, or other information if needed. And my apologies if it wasn't the right place to post this question.

MMichael Aerni I’m running into the same issue. Did you find a way to work around it?

Facundo•1/29/25, 2:46 PM

Couldn’t figure it out. Unfortunately I moved to bunny.net

Llarbawls Hi everyone, I am trying to embed a video as a Hero Baner on my website and ev...

dannybrams891•1/29/25, 2:48 PM

By the image do you mean the thumbnail?

FFacundo Couldn’t figure it out. Unfortunately I moved to bunny.net

Michael Aerni•1/29/25, 2:49 PM

Dang! Thanks for getting back to me!

MMichael Aerni Dang! Thanks for getting back to me!

Facundo•1/29/25, 3:00 PM

No problem, If you are able to actually make resumeable uploads work please tag me!

FFacundo No problem, If you are able to actually make resumeable uploads work please tag ...

Michael Aerni•1/29/25, 3:03 PM

I got that part working with Uppy on the frontend and Laravel on the backend. However, cancelling an upload is the issue as the TUS client library expects the termination extension on the server as you know. So I’ve got a half-working uploader here lol.

MMichael Aerni I got that part working with Uppy on the frontend and Laravel on the backend. Ho...

Facundo•1/29/25, 9:36 PM

I see, nice. I think because I was building it in cloudflare pages I wasn’t able to get resumables working either. And yes still a bummer.

Michael Aerni•1/29/25, 9:37 PM

Yeah, I find the docs of Stream to be lacking too. Really unfortunate.

Ddannybrams891 By the image do you mean the thumbnail?

larbawlsOP•1/30/25, 3:42 AM

Oh my apologies yes, I mean the video. Basically on computer it's perfect. But when I switch to phone, then the video remains 16:9 and doesn't fill the whole screen like a Hero Baner would, or like it does on Computer.

A good working exemple of this would be: agobay.com (not sure I am allowed to post links). Their video takes the full screen both on computer and also phone. Unlike me/

Llarbawls Oh my apologies yes, I mean the video. Basically on computer it's perfect. But w...

dannybrams891•1/30/25, 9:12 AM

This feels like a CSS issue

GunOne•1/30/25, 9:23 AM

do anyone know is there any limit for live input? like how many i can crate the live input

Ddannybrams891 This feels like a CSS issue

larbawlsOP•1/30/25, 9:31 AM

Like, one of my CSS is conflicting with the phone settings and making is stuck into 16:9, instead of speading to the whole screen?

Or like I need to create some CSS to make it work?

I can share what I am using if thats helps, like the snippet, mostly used what Cloudflare provided in the embed, but tried to remove or add stuff, nothing worked.

Llarbawls Like, one of my CSS is conflicting with the phone settings and making is stuck i...

dannybrams891•1/30/25, 9:47 AM

I presume the embed did not come with CSS

Ax2music•1/30/25, 5:23 PM

Has anyone done a fairly large stream using CF Stream? Talking about a 2 hour long, 20,000 person streaming 6meg HD stream. Any things to look out for assuming we know the costs?

Austin•1/30/25, 7:21 PM

Hi everyone! Stream now supports AI generated captions for 12 languages. Give it a try and let us know what you think!
https://developers.cloudflare.com/changelog-next/2025-01-30-stream-generated-captions-new-languages/

Cloudflare Docs

Expanded language support for Stream AI Generated Captions

AAustin Hi everyone! Stream now supports AI generated captions for 12 languages. Give it...

gtech9451•1/31/25, 1:01 AM

Great to see another update to Stream!

Amit Moryossef•1/31/25, 8:01 AM

Stream does not support multi-channel videos?

I have a video recorded from multiple cameras at once (original.mp4original.mp4), and I would like to put it on stream. Stream only takes the first video stream and seems to dump the rest (downloaded.mp4downloaded.mp4).

If I look at the m3u8m3u8 I see there are multiple streams, but they are all the first stream, re-encoded in various resolutions.

video.m3u81.04KB

Mak SM•1/31/25, 1:31 PM

Where is the page of stream pricing? I literally can't find one

Mak SM•1/31/25, 1:32 PM

This was the closest I could find but it has a 404:
https://www.cloudflare.com/en-gb/products/cloudflare-stream/

Cloudflare Stream | Video streaming made easy and affordable at sca...

Cloudflare Stream is an easy-to-use online video streaming platform. Spend less time managing your video platform and more time promoting your product.

Mak SM•1/31/25, 1:33 PM

Ok weird that link works when I click it through discord but when I click it by pressing 'learn more' on the stream section here it just goes nowhere:
https://www.cloudflare.com/en-gb/plans/

Our Plans | Pricing | Cloudflare

Discover which Cloudflare plan is correct for your requirements. Find out more about Cloudflare plan pricing and sign up for Cloudflare here!

Lookfinity dev•2/2/25, 2:37 AM

Hello,
I am trying to use Cloudflare Stream to upload large videos. I'm following the instructions here: Cloudflare Direct Creator Uploads.
https://developers.cloudflare.com/stream/uploading-videos/direct-creator-uploads/#resumable-uploads
I completed the process using the tus-js-client, which I set up with React.
After successfully uploading the video, I received the following URL from tus:
https://upload.cloudflarestream.com/tus/b165bd7b70f3ec4e54d11c747a905734?tusv2=true.
However, the video is not showing up in my Stream dashboard.
I feel like I might be missing something. Could you please help me figure this out?

Cloudflare Docs

Direct creator uploads · Cloudflare Stream docs

Direct creator uploads let your end users upload videos directly to Cloudflare Stream without exposing your API token to clients.

1984 Ford Laser•2/2/25, 3:20 AM

Just a note for anyone curious, if you need a thumbnail of a live stream, you can get it from the video generated when a video is live, the uid of which you can get from the live stream webhook API. If you poll this thumbnail URL, you will get a frame from some time in the last segment
Useful functionality that isn't explicitly mentioned in the docs, and can get a bit confusing when looking at differences between live stream and video generated from stream

Lookfinity dev•2/2/25, 3:33 AM

Thanks for the information. But as I am uploading video on stream using tus for resumable-uploads
and even after completing this all and get success response from stream regarding video details in which it is mentioned that video is ready to stream
and if I am trying to play the video from preview url, playbacks url but it is showing 500 internal server error from cloud stream, even video is not playing on stream dashboard even it is in ready state. But I am getting the thumbnail of the video correct in the response.
What is this case?
Can anyone explain?

Kevin McArdle - Stream Works•2/2/25, 6:25 AM

Hi all- I’m trying to do multi track audio on stream for live video. Are audio pids suppprted from srt streams to then have the player toggle between the audio streams?

Spotnag•2/2/25, 8:27 PM

does anyone have any ideas on how most clients deal with only buffering a certain amount of video and stopping until the user watches close to the buffered amount before buffering more.

e.g. youtube wil buffer a small amount of video and you must watch close to the end of that buffered amount first. This helps to stop downloading more than the user might watch and having to pay for streamed minutes even if the user only watches a couple of minutes of a 1 hour video.

11984 Ford Laser Just a note for anyone curious, if you need a thumbnail of a live stream, you ca...

1984 Ford Laser•2/2/25, 11:09 PM

Turns out this also just works for live inputs, shoutout @JDGamingTV

gun•2/6/25, 6:29 AM

Hello

Ssparrie Even when I try to play the videos through the Cloudflare website

Hard@Work•2/6/25, 8:45 AM

For non-live playback, it is probably related to the ongoing R2 incident

Lê Xuân Anh•2/6/25, 9:12 AM

Are there any problems with Cloudflare? I suddenly can't seem to stream our videos

Lê Xuân Anh•2/6/25, 9:13 AM

Hi everybody

Lê Xuân Anh•2/6/25, 9:13 AM

Our entire system has come to a halt

LLê Xuân Anh Are there any problems with Cloudflare? I suddenly can't seem to stream our vide...

Hard@Work•2/6/25, 9:13 AM

https://www.cloudflarestatus.com/incidents/pgz7g5xlpxzr

Cloudflare R2 Availability Issues

HHard@Work https://www.cloudflarestatus.com/incidents/pgz7g5xlpxzr

Lê Xuân Anh•2/6/25, 9:17 AM

Thanks @Hard@Work | R2

1984 Ford Laser•2/6/25, 9:19 AM

They took a bit to buffer, but my videos are now loading

gun•2/6/25, 10:27 AM

i was unable to start my stream with the webrtc stream api? can anyone help?

gun•2/6/25, 10:27 AM

Cloudflare is ingesting my video with whip but it says stream has not yet started

Ggun Cloudflare is ingesting my video with whip but it says stream has not yet starte...

1984 Ford Laser•2/6/25, 10:41 AM

I dont think this is related to the outage as live streams werent affected, are you trying to view via WHEP?

gun•2/6/25, 3:10 PM

yes, i am try viewing using whep.

gun•2/6/25, 3:11 PM

and yes this is not related to the outage

Michael•2/6/25, 4:50 PM

I'm trying to put Cloudflare stream url into my Framer cms to play. (The framer template I'm using had this built in).
When I put my Cloudflare video url into the CMS it doesn't work.
Do I need to connect my site via DNS or some API integration before Cloudflare stream will work?

MMichael I'm trying to put Cloudflare stream url into my Framer cms to play. (The framer ...

Michael•2/6/25, 4:53 PM

This video URL is from my template:
https://ena-supply.b-cdn.net/Infinite/tea_smaller.mp4

But my url looks like this:
https://customer-m6580x245f8byes6.cloudflarestream.com/a9b4d5c8bfdcdccfc57e5c8c6936a8d0/watch

Please advise!

Cloudflare Stream

Stream

MMichael I'm trying to put Cloudflare stream url into my Framer cms to play. (The framer ...

1984 Ford Laser•2/6/25, 9:29 PM

You need the embed code

Martin Bojmaliev•2/8/25, 8:55 PM

Hello. Is there anyone from cloudflare team here?
We need urgent support but after 24h we don't have any response on our support ticket (case).
What to do ?

MMartin Bojmaliev Hello. Is there anyone from cloudflare team here? We need urgent support but af...

Walshy•2/8/25, 10:21 PM

What's the ticket and issue?

WWalshy What's the ticket and issue?

Martin Bojmaliev•2/8/25, 10:28 PM

01381579

Martin Bojmaliev•2/8/25, 10:28 PM

https://www.support.cloudflare.com/support/s/case/500Nv00000JRN5n

Walshy•2/8/25, 10:34 PM

I've escalated to the support team.

Hi everyone, I am trying to embed a video as a Hero Baner on my website and everything worked fine

Similar Threads

Similar Threads

Similar Threads