Member Avatar for westfamily

Hi

I'm using Dreamweaver8 on a Mac and want to embed short video clips. In the past I've used YOUTUBE because the procedure is simple but I don't like the quality or the lack of personal control.

I know how to set up a link to upload a clip, of course, and although I can make the website download the clip and play, it it always displays everything on a blank 'fresh' page. I want it to display on the dsame page that the request was made—otherewise I can't help the user to get back to the original page.

Thank you for any help you can give me.
westfamily

  • 2 Contributors
  • 2 Replies
  • 188 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by westfamily

Dani AI

Generated

Short, practical update for (and noting 's earlier advice): the cleanest way to play a clip on the same page is to embed it inline with the HTML5 <video> element (or show that element in a lightbox/modal). Flash/FLV players were common when posted, but Flash reached end-of-life on December 31, 2020 and is no longer a safe/reliable option. (adobe.com)

Embed example (responsive, two formats so browsers can pick the best one):

<video controls playsinline preload="metadata" poster="/path/to/poster.jpg" style="max-width:100%;height:auto;">
  <source src="/videos/clip.webm" type="video/webm">
  <source src="/videos/clip.mp4" type="video/mp4">
  Your browser does not support the video element.
</video>

Use multiple <source> entries (MP4/H.264 + AAC for broad compatibility, WebM as the open alternative). Add playsinline so mobile browsers avoid forcing fullscreen, and prefer preload="metadata" to avoid downloading large files immediately. See the HTML5 <video> element and format guidance for details. (developer.mozilla.org)

Quick troubleshooting checklist (most “same-page” playback problems come from these): make sure your server sends correct MIME types (e.g., video/mp4, video/webm) and supports HTTP range requests so seeking and progressive playback work (Accept-Ranges / HTTP 206). For MP4 files, move the MP4 “moov” atom to the start (ffmpeg: -movflags +faststart) so the file becomes streamable/progressively playable. Also watch for CORS and mobile autoplay restrictions (muted autoplay only). (developer.mozilla.org)

If you want skinnable controls, analytics, or adaptive streaming later: use a small HTML5 player library (Video.js, Plyr) or a managed service (Cloudflare Stream, Vimeo Pro, etc.) depending on whether you prioritize control, cost, or automatic transcoding/CDN. For short clips and simple pages the native <video> approach above is easiest and gives you full control. (videojs.org)

Recommended Answers

All 2 Replies

Member Avatar for roryt

This is probably the easiest to use video player I have ever found:

Long Tail Video Player

Follow the instructions that come with the download. You can then use the wizard to set up the embedded object how you want it.

I would suggest you use the player that plays flv files. You can convert any of your videos to this format. This convertor may be worth a try.

I hope that helps.

Member Avatar for westfamily

This is probably the easiest to use video player I have ever found:

Long Tail Video Player

Follow the instructions that come with the download. You can then use the wizard to set up the embedded object how you want it.

I would suggest you use the player that plays flv files. You can convert any of your videos to this format. This convertor may be worth a try.

I hope that helps.

Thank you for your quick response. I will follow your advice and let you know how I get on.

Paul

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.