Solved

Flash Video and Layer Problems...

Posted on 2008-06-13
10
1,178 Views
Last Modified: 2011-10-19
Hi all,

I used a built in flash video player control that uses an FLV file and progressivly downloads the video from our server. The video shows and plays great however the control buttons in the flash player do not display and I need a way to start and stop the flash player when my JavaScript hide and show runs the layer. I've seen this done so I know it's possible, but I'm a little stuck.

Also, if you view the vid in FireFox or Safari it does start and stop however in IE the player keeps running when the layer is hidden.

You can see an example of what's going on here: http://www.purepostcards.com/indexnew.asp

Click on the "Click Here to see a 4 minute video on postcard marketing"

Any help?
Thanks in advance. -RJ
0
Comment
Question by:netadmin2004
  • 5
  • 2
  • 2
10 Comments
 
LVL 12

Expert Comment

by:williamcampbell
ID: 21781748
Is it WebInterview.swf the swf file?

0
 

Author Comment

by:netadmin2004
ID: 21781826
Yes and PPComercial.flv is the actual video.
0
 
LVL 12

Expert Comment

by:williamcampbell
ID: 21782541
Can yah paste the fla code ...
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 

Author Comment

by:netadmin2004
ID: 21782573
Ther is no FLA code. Simply used the import video from the file menu and chose a controller. the SWF plays when going to the exact URL to the SWF. This should be a problem with using flash in a DIV layer.
0
 
LVL 42

Accepted Solution

by:
Rob Jurd, EE MVE earned 500 total points
ID: 21799147
I have been able to get this to work in a div (see attached - run the index.html first to see it working in a div, you will need to add your PPComercial.flv file to this directory to make it work)

you should also note that your html does not conform to html transitional standards so this might be affecting your result:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.purepostcards.com%2Findexnew.asp&charset=%28detect+automatically%29&doctype=Inline&group=0

also where is the skin for the buttons located, did you use SteelExternalAll.swf as that needs to be in the same directory as the WebInterview.swf
SteelExternalAll.swf.zip
0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 21799152
The fact that the html does not conform to the w3 standards is why you are getting different results in different browsers :)
0
 

Author Comment

by:netadmin2004
ID: 21822599
What really helped was not using the embed tags and using the SWFObject script. My video now shows in all browsers however only closes in a few. Please check the video again. The controls still do not show, but that's fine for now. here is the javascript in the html page. the close video button in flash calls the closeVideo function in javascript.

<script type="text/javascript">
<!--
function showVideo() {
      document.getElementById('VidDiv').style.zIndex = "100";
      document.getElementById('VidDiv').style.display = "";
      // <![CDATA[
        var fo = new FlashObject("http://www.purepostcards.com/flash/vids/WebInterview.swf", "VidDiv", "460", "350", 6, "#000000");
        fo.write("VidDiv");
       // ]]>
}
function closeVideo() {
      document.getElementById('VidDiv').style.zIndex = "-1";
      document.getElementById('VidDiv').style.display = "none";
}
-->
</script>
0
 

Author Comment

by:netadmin2004
ID: 21822616
This works in Internet Explorer, Safari, and Opera, but not FireFox?
0
 

Author Comment

by:netadmin2004
ID: 21867187
This wasn't the solution however you did help allot. Thank you. I'll award the points. The solution was to create my own video player where I refferenced all button controls with actionscript. Really wasn't all that hard to do and Even came across a site that showed me how to use JavaScript to control my .swf.
0

Featured Post

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.

Question has a verified solution.

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

I've been trying to accomplish this for a while and it just struck me yesterday how to accomplish this task. I have done searches all over the internet looking for ways to email pages from my applications and finally I have done it!!! Every single s…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
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): …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

831 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