Member Avatar for pritaeas

I am looking for some experiences with embedding video's in my website. Until now I had only externally linked video's (which included their own players). Now I have to embed my own. So far I've seen HTML5, Flow player, JW Player and VideoJS. Any recommendations ?

Added:
Also found this comparison, and this no-javascript method.

Edited by pritaeas because: n/a
  • 1 Contributor
  • 1 Reply
  • 126 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by pritaeas

Dani AI

Generated

Since settled on JW Player, here are concise, practical notes that fill the gaps left by the brief thread: what to prepare, what to test, and what usually breaks in real deployments. Verify current feature/licensing details at the vendor docs before committing to paid features (JW Player docs).

Prepare files and hosting: encode at least one broadly compatible MP4 (H.264) and consider WebM/modern codecs for newer browsers. For smooth playback on variable connections, provide adaptive streams (HLS or DASH) with multiple bitrates rather than a single heavy file. Add a poster image and WebVTT caption files for accessibility. Serve video from a CDN or a server that sends correct Content-Type headers, supports byte-range requests (partial content/206), and sets CORS headers if the player and files are on different domains. For codec and format compatibility details see MDN’s summary of video formats (MDN: Video codecs).

Common troubleshooting checklist: if a clip won’t play, inspect the browser devtools network tab—look for content-type mismatches, blocked CORS requests, or missing range support. “Black screen” often means an unsupported codec or a container problem. “No seek” behavior commonly traces back to server range handling. Autoplay failures are usually browser policy issues; consult the autoplay guidance when testing silent/autoplay scenarios (MDN: Autoplay guide). For captions, confirm WebVTT format and correct <track> element mapping (MDN: track element).

Operational tips: test on real devices (iOS/Android), across Chrome/Firefox/Safari, and on slow networks. Monitor buffering and errors with analytics (JW Player has built-in reporting options). Use progressive enhancement: expose a plain HTML5 <video> fallback and layer the player for extra features like ads, DRM, or analytics only when supported.

Member Avatar for pritaeas

After some testing I decided to go with JW Player.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.