Business · 7 min read
Video on Your Website: Where to Place It, When to Use It, and Why It Converts
Where website video converts, how to embed it without sinking your page speed on mobile data, and how to tell whether a clip is actually working.
Share

Key takeaways
- Video converts best when it supports the page goal, not when it is added without a clear purpose.
- Homepage heroes, service pages, testimonials, and FAQ sections are strong places to use focused website videos.
- Self-hosted video can hurt speed, mobile experience, Core Web Vitals, and conversions.
- Use video hosting, lazy loading, responsive players, and mobile-friendly controls to reduce performance issues.
- Track play rate, engagement, completion events, and drop-offs so you can improve placement and content.
Video converts when it supports the page's goal, and it backfires when it is added without one. Wyzowl's 2025 State of Video Marketing report found that 91% of businesses use video as a marketing tool and 87% of marketers say video has directly increased sales. The data is strong, but most Philippine businesses still get website video wrong, and the problem is rarely the video itself.
The problem is usually placement and implementation. A clip placed where it does not help the decision adds nothing. A clip embedded badly can sink your page speed, ruin the mobile experience on the slower connections many Filipino visitors are on, and lower conversions even when the content is excellent. This guide covers where website video earns its place, how to embed it without the performance hit, and how to tell whether it is actually working.
Where should you place video on a website?
Place video where it directly supports the visitor's next decision, not wherever there is empty space. Four placements consistently pull their weight:
- Homepage hero. A 30 to 60 second overview that tells visitors who you are, what you do, and why it matters. This works best when the service is hard to explain in text, like agencies, consultants, SaaS, and professional services. Keep it short, focus on the customer's problem rather than your company history, and always caption it because most visitors watch without sound.
- Service pages. A 60 to 90 second explainer that walks through your process or shows your work. It is especially effective where trust is the deciding factor, such as healthcare practices, financial advisors, and legal services, where seeing a real person explain what to expect calms a hesitant visitor.
- Testimonials, near your CTA. A 30 second clip of a real client is harder to fake than written text and carries emotional weight text cannot. Place these where trust anxiety peaks, right beside the call to action.
- FAQ and knowledge base. Short answer videos under 60 seconds reduce repeat questions and can surface in YouTube and Google video results, bringing extra traffic to the page.
Should you host videos directly on your website?
No. Never self-host video files on your own server or upload a large file straight into your WordPress media library. A heavy self-hosted file is one of the fastest ways to wreck a page's load time and tank the Core Web Vitals score that affects your search rankings.
Use a video hosting platform instead. YouTube, Vimeo, or Wistia handle adaptive bitrate streaming, CDN delivery, and format optimization for you. YouTube is free and adds discovery through its own search. Vimeo Pro gives cleaner, ad-free embedding. Wistia is built for marketing and provides detailed viewer analytics. Whichever you pick, the platform does the heavy lifting that your hosting was never designed for.

How do you embed video without slowing the page down?
The fix is to load the player only when someone actually wants to watch. A standard YouTube embed pulls in a large amount of JavaScript before a visitor ever clicks play, so the right pattern is "facade loading": show a static thumbnail with a play button, and load the real player only on click. This keeps the initial page light while the video stays one tap away.
Mobile needs the same care, since many Filipino visitors arrive on mobile data with limited bandwidth. Make sure the player is responsive and fills its container without overflow, skip autoplay on mobile because it burns the visitor's data, and keep controls finger-friendly with tap targets of at least 44 pixels. Treating mobile as the primary case, not an afterthought, is what keeps a video-rich page usable on a mid-range phone over a 4G connection. A content delivery network on the rest of your assets helps the whole page stay fast around the embed.
Is autoplay background video a good idea?
Autoplay background video can work, but only under strict conditions, and it is the single biggest performance offender when done carelessly. To use it safely it must be muted, because browsers block autoplay with sound anyway, short and looping at under 15 seconds, compressed aggressively, and paused on mobile with a static image served instead.
Done well, a quiet looping background adds atmosphere to a hero section. Done poorly, it is dead weight that delays everything more important on the page. If you are not willing to compress it hard and disable it on mobile, a single high-quality static image is the safer choice.
How long should website videos be?
Match the length to the page's job, and keep commercial videos under two minutes. As rough guides: homepage overviews work at 30 to 60 seconds, service page explainers at 60 to 90 seconds, FAQ answers under 60 seconds, and any commercial page video under two minutes. Educational or tutorial content can run longer because the viewer arrives expecting depth.
The strongest website videos share a shape regardless of length. They open with the viewer's problem rather than a logo animation, end with a clear call to action, are professionally produced but not overproduced because authenticity beats polish, and are captioned for the large share of viewers watching with the sound off. Avoid the common traps: never autoplay with sound, never use video as a substitute for text since search engines cannot read it, and never embed a clip that has nothing to do with the page just because you happen to own it.
How do you measure whether website video is working?
You measure it by tracking how many people start the video and how far they watch, then adjusting placement and content based on what you see. The metrics that matter are play rate (the share of page visitors who click play), engagement (how far through they watch), and the drop-off points where they leave.
If you host on Wistia or Vimeo Pro, those analytics are built in, including heatmaps that show where viewers rewatch or skip. For YouTube embeds, set up event tracking in Google Tag Manager and Google Analytics for play, 25%, 50%, 75%, and full completion. That tells you not just whether people press play, but whether they watch long enough to be persuaded. The businesses that get the most from video treat it like any other conversion element: they test, measure, and iterate instead of uploading once and hoping.
When does video actually belong on your site?
Video belongs on your site when it makes a specific decision easier, and not before. The deciding question for every clip is simple: does this help the visitor take the next step on this page? If the answer is no, the video is decoration, and decoration that costs load time is a net loss.
That holistic thinking, treating video, page speed, and the visitor's intent as one decision rather than three, is what separates a site where video lifts conversions from one where it just looks busy. For a deeper look at the speed side of this trade-off, our guide on why your website speed is killing your revenue goes further.
If you want video that strengthens your site instead of slowing it down, book a call and we will plan where it fits and how to ship it without the performance hit.
Related service
Web design services in the PhilippinesFrequently asked questions
Where should I place video on my website?
Place video where it supports the visitor's next decision: homepage hero (a 30 to 60 second overview), service pages (a 60 to 90 second explainer), beside calls to action (short testimonial clips), and FAQ pages (answer videos under 60 seconds). Avoid placing video where it does not help a decision.
Should I host videos directly on my website?
No. Self-hosting large video files slows pages and hurts Core Web Vitals. Use YouTube, Vimeo, or Wistia instead. They handle adaptive streaming, CDN delivery, and format optimization automatically, which your own hosting was not built to do.
How long should website videos be?
Match length to the page. Homepage overviews work at 30 to 60 seconds, service page explainers at 60 to 90 seconds, FAQ answers under 60 seconds, and any commercial page video under two minutes. Educational or tutorial content can run longer because viewers arrive expecting depth.
Is autoplay background video a good idea?
It can work only if it is muted, short (under 15 seconds looping), compressed aggressively, and paused on mobile with a static image shown instead. Done carelessly it becomes the single biggest performance problem on the page, so a high-quality static image is often the safer choice.
How do I measure whether website video is working?
Track play rate, how far viewers watch, and where they drop off. Wistia and Vimeo Pro provide this analytics built in, including heatmaps. For YouTube embeds, track play and completion milestones (25, 50, 75, 100 percent) in Google Tag Manager and Google Analytics.
Does video slow down a website?
Embedded badly, yes. A standard embed loads heavy player JavaScript before anyone clicks play. The fix is facade loading: show a static thumbnail with a play button and load the real player only on click. This keeps the initial page light while the video stays one tap away.
Traffic but
no conversions?
We design sites that turn visitors into customers. Let's talk about yours.
Get in touchPillar guideDevelopment · Feb 17
What Makes a Good Homepage: The 9 Elements That Actually Convert Visitors
Resources · Apr 28
How to Write Website Copy That Converts: A Framework for Every Page
Development · Apr 7
Microinteractions in Web Design: When Small Animations Make a Big UX Difference
Business · Mar 29