Member Avatar for icesafe

Hi I have a website <snipped> that is geared towards school goers. I am trying to incorporate web videos and if possible link with an online news link (live videoss) to add to my site. How can you help?

  • 3 Contributors
  • 2 Replies
  • 42 Views
  • 2 Months Discussion Span
  • Latest Post Latest Post by mychalberry

Dani AI

Generated

If your audience is students, you’ll get the best mix of compatibility, performance, and accessibility by either (a) self-hosting HTML5 video or (b) embedding from a platform that already handles encoding, bandwidth, and captions. WMV and plugin-based players are legacy now; instead use MP4 (H.264/AAC) with optional WebM, add captions, and avoid autoplay for classroom devices. See the element details on HTML5 video.

Example for a self-hosted clip with captions and a poster image:

<video controls preload="metadata" width="640" poster="/media/intro-poster.jpg">
  <source src="/media/intro.mp4" type="video/mp4">
  <source src="/media/intro.webm" type="video/webm">
  <track kind="captions" src="/media/intro.en.vtt" srclang="en" label="English" default>
  Sorry, your browser does not support HTML5 video.
</video>

Notes:

  • Keep files small (e.g., 720p, 2–4 Mbps) to work on school Wi-Fi.
  • Always include captions (WebVTT) for accessibility and quiet classrooms WebVTT.
  • Use a CDN or object storage with HTTP range requests enabled for smooth seeking.

For live news, embed from an official source that grants embedding rights (e.g., YouTube Live from the broadcaster’s channel). Do not restream feeds you do not have permission to use. A simple privacy-enhanced YouTube embed looks like:

<iframe width="640" height="360"
  src="https://www.youtube-nocookie.com/embed/LIVE_VIDEO_ID?autoplay=0&cc_load_policy=1"
  title="Live news"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"
  allowfullscreen>
</iframe>
  • youtube-nocookie.com reduces tracking, helpful for school audiences .
  • cc_load_policy=1 requests captions by default; more player options here YouTube player parameters.

If you want adaptive streaming for your own live events, consider HLS with a web player; but for third-party news, stick to official embeds to stay within license and terms.

Recommended Answers

All 2 Replies

Member Avatar for jbennet

moved to web development.

Member Avatar for mychalberry

I suggest messing around using a format wmv. look up html wmv on google and you'll see some different things you can do, such as lock fast forwarding, or not show the controls at all.

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.