Streaming live at 10am (PST)

Embedding and sorting videos from Facebook - Weight issue


#1

Hi everyone !

I'm trying to make a website to aggregate and filter videos of various film directors.
I use MixItUp for sorting as I read the visitor cannot sort content with the CMS : it is important for me that the visitor can select multiple filters at the same time (for example "production company" and "video lenght").

Nevertheless, I do have a problem : the website weights close to 30mb with a dozen of embed videos and I want to add hundreds. Every video seems to be "pre-loaded" and weights 2.1mb but I just need the thumbnail.

How can I do to reduce the weight of my videos ? Would some features be added to the CMS that would able visitor to sort content with filters I have created ?

Please note that video display is set to none for MixItUp ; please, load the website on your browser to see the result : http://wemakefilms-95a362f7d7dfa057d2f79d89cab.webflow.io/

Thank you for your help !

Kind regards,
Romain


Here is my public share link: https://preview.webflow.com/preview/wemakefilms-95a362f7d7dfa057d2f79d89cab?preview=87cb3b3268aaf94d936d106905e41038
(how to access public share link)


#2

Yes you can't expect to embed dozens of videos in a page :slight_smile: You end up with a huge load, that's normal. There is no good way to do it, you just don't do it.

So here is what we do:

Only one player is embeded. And a JS script dynamically injects the ID of the video you want to play into the code, by using either Youtube or Vimeo API. Vimeo API is easier to use for a developer). Then each of your thumbs are just images with a fake play button. When clicked, the script injects the desired ID into the code and the video plays. But you only have 1 embed and 1 preloading per page.


#3

Ok ! Thank you for your answer, it helps me a lot!

So the right way to do it is to create one big embeded player and small filtered thumbs that run the video on the big player once clicked on? Is it possible to do it with facebook videos or just with Youtube/Vimeo?


#4

Yep that's the idea. For example a player in a popup.

I don't know at all but FB isn't really thought to have its content embeded anywhere so it's possible it's more difficult.


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.