I'll show you how to Source, Create, and Optimize a Video for your site's background using only free tools available online. If you want to know how to add a video background to a WordPress Site, check out this tutorial: • Create A Personal Portfolio Website f...
If you do some research, a lot of blogs mentioned that you should never self-host your video, or video background because it will slow down your website, and I agree, to a certain extend.
You can definitely self-host a video for background and still pass core web vitals. It is a matter of knowing what are the best practices as well as the right methods to optimize a video file size before uploading to a website.
So, this video is all about helping you create that lightweight video for free to be used on your site background.
👉 Create a Personal Portfolio Website with WordPress Gutenberg Blocks: • Create A Personal Portfolio Website f...
Step 1: Source for Royalty Free Videos 02:04
Sites where you can source for Royalty Free Videos:
1. Pexels: www.pexels.com/
2. Videezy: www.videezy.com/
3. Pixabay: pixabay.com/
4. Videvo: www.videvo.net/
5. Life of Vids: www.lifeofvids.com/
6. Coverr: coverr.co/
Remove Audio Tool:
👉 ezgif.com/mute-video
Step 2: Combining Royalty-Free Videos 04:41
Free Video Editing Tool:
👉 www.canva.com/create/videos
Step 3: Video Optimization 08:02
1. Video Compression Tool (Reducing File Size of Video):
👉 www.freeconvert.com/video-compressor
2. Converting MP4 to WEBM + Adjusting Resolution
👉 cloudconvert.com/video-converter
🔨 Other Recommended WordPress Tools:
✅ WordPress Hosting:
👉 Cloudways: jackcao.com/cloudways
✅ WordPress Speed Optimization Tool:
👉 WP Rocket: jackcao.com/wprocket
✅ WordPress Themes:
👉 Kadence WP: jackcao.com/kadence (10% OFF: JCSAVE10)
👉 Blocksy Theme: jackcao.com/blocksy (10% OFF: JCBLOCKSY)
✅ WordPress Gutenberg Blocks:
👉 Stackable Blocks: jackcao.com/stackable (10% OFF: JACKCAO10)
👉 Kadence Blocks: jackcao.com/kadence-blocks (10% OFF: JCSAVE10)
🔔 Subscribe for more WordPress Related Content: jackcao.com/subscribe
⌚ Chapters (Timestamps):
00:00 Introduction
02:04 Sourcing for Royalty-Free Videos
04:41 Combining Royalty-Free Videos and Adding Transitions using Canva
08:02 Video Optimization
11:25 Comparison between Different Compression Rate
12:37 Outro
📽 More Helpful Videos:
✅ 11 Gutenberg Block Plugins: • Top 11 Gutenberg Block Plugins That W...
✅ Will Multiple Gutenberg Blocks Slow Down WordPress Site: • Will Multiple Gutenberg Blocks Slow D...
✅ Site Speed Case Study: • Case Study: Speed Up WordPress Websit...
✅ Build a Fast Loading Home Page: • Build a Fast Loading Home Page from S...
✅ Improve Site Speed (9 tips): • How to Speed Up Your WordPress Websit...
✅ Build a Lead Capture Page with Gutenberg Blocks: • How to Create a Lead Capture Page in ...
🎥 Recommended Playlist:
✅ WordPress Gutenberg Tutorials for Beginners: • WordPress Tutorial for Beginners: See...
✅ Woocommerce Tutorials for Beginners: • Woocommerce Tutorial
✅ Improve Site Speed (Case Studies): • Site Speed Improvement Tips
✅ Start an Affiliate Blog: • Blogging for Profits - Start a Succes...
✅ Pinterest Affiliate Marketing: • Pinterest Affiliate Marketing
✅ Affiliate Marketing Tutorials: • Affiliate Marketing
✅ Start a Personal Brand: • Personal Brand Website Video Series
__________________________________________________________________________
AFFILIATE DISCLOSURE: This video and description may contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. I won't put anything here that I haven't verified and/or personally used myself. And, you will never pay anything more than what it cost if you buy the product directly from the source. From time to time, I may even provide you with some discount codes to help you save money.
__________________________________________________________________________
#videobackground #videobackgroundwordpress #videobackgroundspeed #optimizevideofilesize #optimizevideo #optimizevideoforweb #jackcao
コメント