Begin mp4 video on first frame

Posted on 2015-01-18
Last Modified: 2015-01-19
Hi everyone,

I'm using the mediaplayer.swf method to embed video on a web page:

<embed src='media/Videos/mediaplayer.swf?file="+vidName+"' width='611' height='370' allowfullscreen='true' />

I noticed that it's showing a black screen when the page first loads. Is it possible to have the videos display the first frame of the video before the play button is clicked?

Appreciate any advice.
Question by:gwh2
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
LVL 38

Expert Comment

ID: 40557681

If it's showing a black screen, most likely your video fades in from black, so the first frame IS actually black. There's a couple of options for you. One would be to edit the video so the first frame is a screencapture from some interesting point in the video. Another would be to overlay the screencap over the player, then use a OnCLick event to switch to the video and begin the video play on a single click.


Author Comment

ID: 40557764
Thanks for the reply,

There are actually about 20 videos which are loaded via links to the left of the player. When any of the links are clicked, the video is loaded but it's showing the blank screen. I've checked the videos and the first frame is definitely not black. Your second option to overlay a screen cap on the player wouldn't work in my case due to there being so many videos.

Do you have any other suggestions?
LVL 38

Expert Comment

ID: 40557830
Can you show the site?
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!


Author Comment

ID: 40559005
Sorry I'm not able to show the site at this time. I know it's hard to help troubleshoot without seeing the code but perhaps I'll have to have someone look at this locally.

Thanks for your help.
LVL 38

Accepted Solution

lherrou earned 500 total points
ID: 40559039
Have you considered another alternative, like HTML5? mediaplayer.swf is somewhat dated these days.

The JW Player is always a nice choice.

This one is a bit cheaper:

Author Comment

ID: 40559042
The second link looks good. I'll look into that. Thanks again for your help. Appreciate it.

Featured Post

Revamp Your Training Process

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The goal of the tutorial is to teach the user how to select the video input device. Make sure you have an input device that in connected and work and recognized by Adobe Flash Media Live Encoder and select it in the “video input” menu.
The goal of the tutorial is to teach the user what frame rate is, how to control it and what effect it has on the video.

695 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question