Solved

Begin mp4 video on first frame

Posted on 2015-01-18
6
184 Views
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.
0
Comment
Question by:gwh2
[X]
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
6 Comments
 
LVL 38

Expert Comment

by:lherrou
ID: 40557681
gwh2,

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.

Cheers,
LHerrou
0
 
LVL 1

Author Comment

by:gwh2
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?
0
 
LVL 38

Expert Comment

by:lherrou
ID: 40557830
Can you show the site?
0
Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

 
LVL 1

Author Comment

by:gwh2
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.
0
 
LVL 38

Accepted Solution

by:
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.
http://www.jwplayer.com/

This one is a bit cheaper:
http://codecanyon.net/item/html5-video-player-with-playlist-multiple-skins/1382684
0
 
LVL 1

Author Comment

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

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Rotate images for Web Page 11 28
Table doesn't show the lines! 3 24
AngularJS: ng-repeat 25 26
Can I use php variable in jquery 8 22
Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
The last time I worked with Flash and Socket connections was in AS1. A recent project required flash connecting to a Socket, and sending receiving information - we figured it would be easy enough - we all know about the socket policy documents and c…
In this tutorial viewers will learn how to create a basic motion tween animation in Flash Open a new document in Flash: Draw/import an image: Press CTRL + F8 to convert it into a graphic symbol: Select a frame (how long you want the tween to last): …
This Micro Tutorial will teach to how to utilize bit rate in Adobe Flash Media Live Encoder.

733 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