Create and Optimize a Self-Hosted Video Background for Free

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ธ.ค. 2024

ความคิดเห็น • 67

  • @alex-650
    @alex-650 3 ปีที่แล้ว +1

    Super helpful to show that a video background doesn’t always mean a poor page speed.

    • @JackCao
      @JackCao  3 ปีที่แล้ว +1

      That was my past believe as I saw lots of "Expert" bloggers talking about it. But when I experimented with it, the data says otherwise. Glad I tested it!

  • @faithnomore101
    @faithnomore101 3 ปีที่แล้ว +2

    10k subs. finally!
    you earned it. next goal 15k till 2022!

    • @JackCao
      @JackCao  3 ปีที่แล้ว

      Thank you so much for your support! ❤

    • @webgeneral
      @webgeneral 3 ปีที่แล้ว

      One of the best channels outthere when it comes to WordPress knowledge!

  • @TiagoDezan
    @TiagoDezan 3 ปีที่แล้ว +1

    Great tutorial Jack!! Thanks for this awesome video!!

    • @JackCao
      @JackCao  3 ปีที่แล้ว

      You are welcome! 😁

  • @scotnery
    @scotnery 2 ปีที่แล้ว +1

    bro! amazing! thank you for putting so much work into making this exactly what's needed!

  • @RemNetizen
    @RemNetizen ปีที่แล้ว

    Thank you! Very useful and just on the point. One of the greatest tutorials on the topic.

  • @deltasignshopinc
    @deltasignshopinc 2 ปีที่แล้ว

    Amazing video, I just dont understand why only 2755 views. This content is great for small business owners/web designers/one-man show. You might need to change the video title to target more business owners. On the other side, the second step took my video from 4 to 10 mb.

  • @JackyShalala
    @JackyShalala ปีที่แล้ว

    It helped me to reduce the size of my video from 19 mb to 10 mb!

  • @KR-dk3eb
    @KR-dk3eb ปีที่แล้ว +1

    Excellently explained!👍

  • @kamaboko1
    @kamaboko1 3 ปีที่แล้ว +1

    Great video. Interesting results though. Cloudconvert took a 3.2mb mp4 file and blew it up to 8.5mb webm file. I did it twice incase there was a glitch on the first one, but the second try produced the same results. I followed everything to a T with your instructions.

  • @onurazorqs9516
    @onurazorqs9516 8 หลายเดือนก่อน

    exactly what i was looking for. Thanks man!

  • @euchoulis
    @euchoulis 3 ปีที่แล้ว +1

    Good job Jack !

    • @JackCao
      @JackCao  3 ปีที่แล้ว

      Thank you! 😃

  • @comleonmoto
    @comleonmoto ปีที่แล้ว

    Thank you Jack. Clear and well documented, as always 🤩

  • @nardog10
    @nardog10 3 ปีที่แล้ว +1

    Another nice great video my friend

    • @JackCao
      @JackCao  3 ปีที่แล้ว

      Thank you! 🙂

  • @constancephoto6512
    @constancephoto6512 3 ปีที่แล้ว

    Thank you! Another great video-excellent instruction with amazing resources. I have struggled to put all this together.

    • @JackCao
      @JackCao  3 ปีที่แล้ว

      Glad it was helpful! 😊

  • @chinghong3943
    @chinghong3943 3 ปีที่แล้ว

    Thank you Jack. Very informative.
    I use Openshot to reduce file size for videos.
    But from this video, I now get to know more resources to reduce video file size. Thanks

    • @JackCao
      @JackCao  3 ปีที่แล้ว +1

      Thanks for sharing openshot! 😊

  • @freekrider803
    @freekrider803 3 ปีที่แล้ว

    very helpful thanks jack.
    I need some full website build from scratch tutorial.. can u make it ?? with any free gutenberg blocks with any niche like school, hotel, theaters, restaurants etc....
    Thank you...

  • @SchinTeth
    @SchinTeth 2 ปีที่แล้ว

    Thank you for the tips, helped me alot

  • @pawekowalski510
    @pawekowalski510 5 หลายเดือนก่อน

    Jack I kicked off my progress with WP after seeing a couple of your videos. Today I'm looking for free video gallery plugin which allows me to insert 2-3 columns videos on my website. I only need play button and if I play or second video the first played video stops and the second play. It would be nice to add short description over the video. Could you recommend something?

  • @iwbowden
    @iwbowden 3 ปีที่แล้ว +1

    Excellent video, Jack! I have done a lot of experimentation to find the best "recipe" for doing this and didn't even get close to the small file size that you did. It's unfortunate that Canva's video editing tool will only dissolve between cuts. This means that there's still a sharp cut when the video loops and begins playing again.

  • @thesnazz1790
    @thesnazz1790 3 ปีที่แล้ว +1

    Hey Jack! Is the WebM video format able to play on Safari?

  • @marcoballesteros1013
    @marcoballesteros1013 3 ปีที่แล้ว

    Hope you can do a new video with divi speed update. seeing that its the classic builder

  • @kazafinn
    @kazafinn 3 ปีที่แล้ว

    Excellent video. Thanks

  • @fabrictexture4767
    @fabrictexture4767 ปีที่แล้ว

    Great jack more updated video regarding this??

  • @lecongminh3964
    @lecongminh3964 3 ปีที่แล้ว

    Good Job, thanks Jack. It's Best

    • @JackCao
      @JackCao  3 ปีที่แล้ว

      I'm glad you like it

  • @hadiibrahim07
    @hadiibrahim07 2 ปีที่แล้ว

    Great tutorial!

  • @JoeGator23
    @JoeGator23 3 ปีที่แล้ว

    When you say self-hosted you mean that we run the new file from our media folder? Thanks for the awesome video.
    You always have useful videos, cheers to you!

    • @JackCao
      @JackCao  3 ปีที่แล้ว +1

      Yup. That's what I meant 😁

    • @JoeGator23
      @JoeGator23 3 ปีที่แล้ว

      @@JackCao Thanks for the quick reply, cool!

  • @mecrayavcin
    @mecrayavcin 3 ปีที่แล้ว

    Hi jack what is the best size for a background video? How many mb?
    You are a speedjunky so i wanted to ask this
    Thanks

  • @eRodriguezART
    @eRodriguezART 3 ปีที่แล้ว +1

    Hey Jack, great video, alot of good tips. I compressed a video from MP4 into webm. But turns out, ios users that visit the website will not be able to play the video. Is there an alternative compression method or extention that would work for everyone?

  • @sootedninjas
    @sootedninjas 3 ปีที่แล้ว

    how do you do a Ken Burns Effect on background images with gutenberg

  • @anaisbernardin6352
    @anaisbernardin6352 4 หลายเดือนก่อน

    but with which themes we can put a video in the background

  • @URandomGuy
    @URandomGuy 3 ปีที่แล้ว +1

    NICE!❤

    • @JackCao
      @JackCao  3 ปีที่แล้ว +1

      Thanks 🔥

  • @DesDreckett
    @DesDreckett 3 ปีที่แล้ว

    Awesome video once again! Thx

    • @JackCao
      @JackCao  3 ปีที่แล้ว

      Glad you enjoyed it!

  • @LeirbagLinares
    @LeirbagLinares 3 ปีที่แล้ว +1

    Could you make a video of LMS ´s like LearnDash, Tutor, Lifter with Gutenberg?

    • @JackCao
      @JackCao  3 ปีที่แล้ว +1

      Will do that soon! 😊

  • @Agileslick
    @Agileslick 3 ปีที่แล้ว +1

    Thanks

    • @JackCao
      @JackCao  3 ปีที่แล้ว

      You are welcome! 😁

  • @danielstojanovski9244
    @danielstojanovski9244 3 ปีที่แล้ว

    Amazing, thanks.

    • @JackCao
      @JackCao  3 ปีที่แล้ว

      You are welcome!

  • @inlandnwdesign
    @inlandnwdesign ปีที่แล้ว

    awesomeness

  • @MaryamKainat-y8g
    @MaryamKainat-y8g 6 หลายเดือนก่อน

    but how to put that video as a background

  • @MichaelFidelis
    @MichaelFidelis 3 ปีที่แล้ว

    Good day Jack! I used three clips for a video and compressed the combined clips in a video per your instructions. However, one of the resolutions of the three videos was larger than the other two. In playback, that video frame gets larger than the others. You would think using the compression tool and 16:9 would render them the same?

    • @JackCao
      @JackCao  3 ปีที่แล้ว

      Did you remember to expand the video covering all the white spaces in the video frame? If you have done that, there shouldn't be any inconsistency in playback. Send me an email with the links to the 3 videos for me to check it out 😊 jack@jackcao.com

  • @rishabhchoudhary4284
    @rishabhchoudhary4284 3 ปีที่แล้ว

    Still waiting for your video on user registration and building profile pages on wordpress. my site is incomplete without it.

    • @JackCao
      @JackCao  3 ปีที่แล้ว

      Registration to Courses or as a Customer? Or why would you need a user to register? I think Woocommerce has those pages in place, and I think I have done a WooCommerce Tutorial on Account pages.

    • @rishabhchoudhary4284
      @rishabhchoudhary4284 3 ปีที่แล้ว

      @@JackCao i have a blog and i want user to register on it without WooCommerce. I am confused which plugin i should use to design their profile and account pages. Is it possible without plugin?

  • @nyshimura
    @nyshimura 2 ปีที่แล้ว

    muito bom! valeu!

  • @vwtourandtransportbali6555
    @vwtourandtransportbali6555 3 ปีที่แล้ว

    jack I already reach on desktop 100 Google page speed couse of you, can you chek for my web ?? I need on mobile, in mobile, I just reach in 70, I don't know whats is the problem and I already try to find but i think i don't know

  • @AdityaSingh-ni7vn
    @AdityaSingh-ni7vn 5 หลายเดือนก่อน

    How to make this mobile responsive and also playable in ios mobiles

  • @AV-jz6wr
    @AV-jz6wr 10 หลายเดือนก่อน

    It's all cool, but Webm doesn't play on mobile.. so basically useless.