Solved

spokesperson video

Posted on 2011-03-14
10
351 Views
Last Modified: 2012-05-11
I need to implement a spokesperson video on our web site and was wondering what is the best way to do this so it can be displayed on Windows as well as Mac environment including ipad, iphone etc. It will help if someone can paste the code for displaying the video on the web page with mute option

Thank you for your help.
0
Comment
Question by:jgdescort
  • 4
  • 3
  • 2
10 Comments
 
LVL 31

Expert Comment

by:Justin Owens
ID: 35149619
jgdescort,

When my former company was bought out, we had to come up with a video conference solution which would work across LAN, WAN, Internet, and Mobile platforms, with multiple OS involved.  What we ended up using was Adobe Connect:

http://www.adobe.com/products/adobeconnect/tech-specs.html

I would suggest giving them a look over, as that product, middle of the road in cost, accomplished all your stated objectives.

DrUltima
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 35149791
jgdescort,

You're talking about a video that pops up when the visitor hits the site and has a talking head or head+body, right?

Like these folks? http://www.websitetalkingheads.com/
0
 

Author Comment

by:jgdescort
ID: 35149823
Yes but I am not looking for third party tool. Thanks
0
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 
LVL 31

Expert Comment

by:Justin Owens
ID: 35149832
Wow... I totally misread that Question.  I am sorry, as my "Answer" has nothing at all to do with your Question....

DrUltima
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 35149909
Right, just confirming what you were looking for.  

There is nothing magical about that.  It's a simple video in a positioned div of someone on a pure white background (assuming that's the background color on the site) set to autoplay when the user hits the site.  You will need the following for normal web sites:

A custom player skin with only the mute button
The video in MP4 format
Appropriate HTML code to position the div and embed the player.

Flash is still the obvious choice for this, but that will rule out the iDevices.  To make it truly cross-platform compatible you would have to think about HTML 5 but there are still some headaches with the various desktop browsers and HTML 5 video.  You might end up running a browser detection script and switching the player based on which device and browser combo is accessing the page.

Look at the JW Media Player and http://videojs.com/ for HTML5 players...
0
 

Author Comment

by:jgdescort
ID: 35150012
Thanks. I have given up on idea of html5 now since I don't have much time. I need to get this working by this week. I can get the flash video to work on white back ground but I have to put this on top of text or another flash. I know it works on some site overlapping the text (though I can't get it to work. Also I am new at style sheet and videos)  but I am not sure if would it work overlapping another flash. Thanks again for your help.
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 35150212
Use an absolutely positioned div along with correct z-index values to get it to appear on top of other elements on the page.
0
 

Author Comment

by:jgdescort
ID: 35152022
Thank you so much for your help. Do you know how to get rid of the flash player control from the screen once video is played? The control shows up when the mouse is in the display area and disappears once mouse is moved from that area. I would like to remove it once the video is played once. Is it possible? Thanks
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 35158308
The controls are part of the player skin so you would have to be able to edit the .fla file for the skin and change the scripting to remove that.  Alternately, the hack would be to extend the video by 10 minutes or so with just the blank background and loop it.  
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

770 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