Member Avatar for sheepmage

I'm trying to find code to embed a media player via CSS. Could someone help me please?

  • 3 Contributors
  • 2 Replies
  • 60 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by peter_budo

Dani AI

Generated

Quick clarification for : CSS alone cannot embed or make a media player work. CSS controls presentation (layout, colors, sizes) but it does not load media or provide playback logic. So is correct in spirit — you need HTML or JavaScript to actually host and control media.

Practically, use HTML to embed media. Modern pages rely on the HTML5 video and audio elements (older sites used object/embed, which mentioned). The native controls attribute gives a working player; CSS can resize, position, and theme the container and some browser-supplied chrome. If you want a fully custom interface you must implement controls with JavaScript and then style them with CSS, or use a maintained JS player (for example Video.js or Plyr) and apply a CSS theme.

Quick UX and troubleshooting tips: always offer captions or a transcript (<track>), test keyboard and screen-reader accessibility, provide a simple fallback (link or message) for unsupported formats, and supply multiple source formats so codecs work across browsers. Also verify server MIME types and CORS settings if media is hosted cross-domain. For concrete examples and up-to-date guidance see MDN’s documentation and the W3C accessibility guidance:

MDN video element
MDN: Video and audio content guide
W3C: Audio and video accessibility guidance

Recommended Answers

All 2 Replies

Member Avatar for Fungus1487

cant be done.

Member Avatar for peter_budo

only by object element as described for example in w3schools

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.