You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Forum user: Skippy

Basic information

Registered Aug 5, 2009
Last login Jun 23, 2010
Forum posts 15
Direct URL http://www.flowplayer.org/forum/users/13926

Latest forum posts

Posts:

Registered:

Black screen only in IE on a HTTPS page - FINALLY A FIX

Posted: Jun 23, 2010

The problem is that the HTTP headers, server-side, are expiring too soon and or expiring immediately on the https secure connection. This is an industry wide Flash with IE "problem" I've come to conclusion after researching the exact same problem at my job with our flowplayer players on the https pages. It never happens on an un-secure http page.

Solution:
If you have access, or have someone who can access the website HTTP Header properties on the physical server itself, change the HTTP headers properties to "Expire after 1 minute", or further in the future. Most likely your server HTTP header properties are set to "Expire Immediately".

This was our case and this HTTP header fix has been tested and tested on live client sites that use server forced https connections to view the videos.

If the header properties change can't be done server wide then the HTTP headers can be changed for just one sub-directory or a single file. In our case it was just the flowplayer-3.1.5.swf file that needed it HTTP headers changed to Expire after 1 minute instead of Immediately.

I hope this helps you and others whom I've seen on this forum with the same black screen in IE problem.

Posts:

Registered:

Success!

Posted: Feb 17, 2010

After testing I figured it out and answered my own questions to get it to work with a scripted playlist.
Here is a sample code:

<html>
<head>
<title>1280x720p Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="/path/to/flowplayer-3.1.4.min.js"></script>
<script type="text/javascript" src="/path/to/jquery.min.js"></script>
</head>
<body>

<!-- setup player container -->
<center><div id="player" style="width:1280px;height:744px"></div></center>

<!-- flowplayer configuration -->
<script language="javascript">  
// Flowplayer installation with Flashembed parameters
flowplayer("player", {src: "/path/to/flowplayer-3.1.5.swf", version:[9,115]},
	{
		clip: {
			autoBuffering: true,
			provider: 'rtmp',
			scaling: 'orig'
		},

		   playlist: [ 
				{
					url: '/blah/blah/generic_loading_graphic1280.png',
					autoPlay: true,
					duration: 1,  // in seconds
				},
				{
					url: 'mp4:testvideo_1280x720p_500kbps.mp4',
					autoPlay: true,
					bufferLength: '4',
					onStart: function(){
					player.setVolume(75);
					}
					
				}
				],
		play: {width:'50pct',height:'50pct',opacity:'0.8',label:'',replayLabel:'Play Again'},
		plugins: {
				// the RTMP plugin
				rtmp: {
					url: '/path/to/flowplayer.rtmp-3.1.3.swf',
					
					// netConnectionUrl has our CloudFront domain name + 'cfx/st'
					netConnectionUrl: 'rtmp://blahblahblah.cloudfront.net/cfx/st'
				}
			}
	});
</script>

</body>
</html>

Posts:

Registered:

» CloudFront example

Posted: Feb 16, 2010

I need to use the js playlist feature inside of a scripted player configuration, not specified in an A html tag, for my purposes. For this Amazon RTMP to work would it be like:


<script language="javascript" src="path/to/flowplayer-3.1.4.js"></script> 
 
<a href="folder_on_amazon/" id="player"> 
    <img src="path/to/splash_image.jpg" /> 
</a> 

<script language="javascript"> 
flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.1.5.swf",{ 
clip: {     
        provider: 'cf'     
    }, 

playlist: [ 
  {
  url: 'video01',
  },
  {
  url: 'video02',
  },
  {
  url: 'video03',
  }
],
    plugins: {     
        cf: {     
            url: 'flowplayer.rtmp.swf',     
            netConnectionUrl: 'rtmp://blahblahblah.cloudfront.net/cfx/st'     
        }     
    } 
});
</script>

Edit: I just noticed above that 'MEDIAmobz' indicated a prefix needs to be used. The video types we serve are H.264 mp4's. Where would I put the mp4: prefix in this setup??

I need confirmation because we may be moving all of our video to this if I can get it to work with flowplayer.

TIA!

Posts:

Registered:

» Dynamic Playlist - Fails if one entry (bug is back?)

Posted: Nov 16, 2009

Even though this is an old thread I ran into this problem today. And it worked for me. I'm using version "flowplayer.playlist-3.0.7.js"

Thank you for posting this!!

Posts:

Registered:

» Example Page: Triggering an Overlay from Within a SWF

Posted: Nov 2, 2009

I'm having a hard time repeating DLSalahi's example for my own swf.
To summarize we are trying to have a clickable swf that when clicked it will trigger the overlay with a flowplayer based player playing a video(s).

However I believe I may have the actionscript 3 code or JS code wrong. It doesn't throw an error in Flash CS4 so the logic is there. I might just be missing something in the connection to the jquery. I did have to switch out the "new UIComponent();" in the actionscript since it's not for a Flex app. I replaced it with a sprite as suggested in the example.

I did have to remove the part of the actionscript code that said "protected function" and replace it with just "function" before I would get by without an error. Is the "protected function" statement required? If so, how do I go about not getting an error message?

I'm placing the following actionscript code in the first keyframe of the flash project. Is this all I need?? Do I need more than this?

function setupForJavaScriptOverlay():void
{
import flash.display.Sprite
var s:Sprite = new Sprite();
s.graphics.beginFill(0xff0000, 0);
s.graphics.drawRect(0, 0, 401, 251); // fill the stage
s.graphics.endFill();
addChild(s);
s.addEventListener(MouseEvent.CLICK, loadOverlay);
}

function loadOverlay(event:Event):void
{
import flash.external.ExternalInterface;
ExternalInterface.call("api.load()");
}

In the HTML page...
Our normal, overlays are called as such:

<script>
$(function() {
	// setup overlay actions to buttons
		$("a[rel]").overlay({
			onLoad: function(content) {
				// find the player contained inside this overlay and load it
				$f().load();

			},
			onClose: function(content) {

				$f().unload();
			}
		});

});
</script>
<!--HTML Link-->
<a href="#" rel="#overlay1"><div align="left">Click Here to view the video.</div></a>

<!--Overlay Div-->
<div class="overlay" id="overlay1" style="background-image:url(/Resources/Flash/videos/graphics/grey-black-grey_background.png)"><a class="player1" href="/"><img src="graphics/default_backgrd.png" width="640" height="360"></a></div>
In DLSalahi example he used:

$(function() {
     // make overlay API global
     window.api = $("#mies1").overlay({api: true, expose: 'black'});
}); 

<div class="simple_overlay" id="mies1"><div class="close"></div>
	<img src="images/3445879840_7ca4b491e9.jpg">
...etc....

I put DLSalahi's suggested example js script codeinto my page as such:

<script>
$(function() {
     // make overlay API global
     window.api = $("#overlay1").overlay({api: true, expose: 'black'});
}); 
</script>
...but the overlay never appeared. And it did not throw an error message either.

How can I adapt our code or what do I need to change in the actionscript, JS code, or HTML code?? Do I need to supply anymore info?
I do need to add that there will be multiple overlays possible on one html page in the future if I can get it to work.

Any help is appreciated!

Posts:

Registered:

» » overlay background broken image symbol

Posted: Aug 28, 2009

I encountered this too with the overlay stuff so I made a small 2px x 2px size transparent PNG in Photoshop as a placeholder for the background. Make sure it's an empty PNG graphic with transparency or it will be a white box if you use a JPG!
Add this to your overlay-minimal.css file in the div.overlay class:

background:url(2px.png) no-repeat;
I don't know your image directory structure so make sure you specify that in the url path.

Posts:

Registered:

» » » Buffering icon shows forever if clip length < buffer length

Posted: Aug 28, 2009

Do you have a playlist: setup?
Then you can specify this under individual items in the playlist. If you put it in the clip area it will be applied to all clips. But if you put it under an individual item in the playlist it will only be for that item.

		clip: {
			baseUrl:'/flash/videos/'
		},
		   playlist: [ 
			{
					url: 'short_video.flv',
					bufferLength: '1',
					autoPlay: true
			},
			{
				url:'video.flv',
					autoPlay: true
			},
			{
					url: 'long_video.flv',
					bufferLength: '5',
					autoPlay: true
			},
etc...etc.
]

Posts:

Registered:

» Buffering icon shows forever if clip length < buffer length

Posted: Aug 28, 2009

You have to add this to the clip code: 

bufferLength: '1',
...as in buffer for only 1 second.

This works for me when I have some short ~2sec. bumper videos before the main videos.
I think if bufferLength is not specified then it's default is 3 seconds.

Hope this helps!

Posts:

Registered:

Replay the last item in playlist

Posted: Aug 26, 2009

How do I replay the last item in the playlist after the last item has already been played and the "Play Again" overlay has already loaded? I don't want to continuously loop the last item nor go back to the first item in the playlist. Just when the user clicks the "Play Again" button, the last item will play again.
I've tried a few ways after digging through the forum and documentation but can't seem to get it just right.

Any help is appreciated!

Posts:

Registered:

» unload() problem in IE7

Posted: Aug 20, 2009

Yep, as hmzglenn says you have to put something between the a tags. Here's an example of the container code I use just above the javascript:

<div class="overlay">
	<!-- setup the overlay player1 container -->
	<a id="player1" href="/">
	<!-- some initial content so that player is not loaded upon page load -->
	Play Video
	</a>
</div>

Notice I just put a forward slash in the href in the a tag within the div. It's just a placeholder so if someone puts hovers their cursor over the player all they see is the domain name and not the full url to the video. The words "Play Video" are only briefly seen when the overlay is loading then are overlayed by the player. In my code I call the clip within the javascript code either by clip: or in a playlist:[.

Posts:

Registered:

» Any way to disable double-click over player?

Posted: Aug 20, 2009

Just thought I'd post what the "how to disable double-click" solution was after some more digging later:

Just add:

allowfullscreen: 'false'

Example:

$(function player1() {
	var player1 = $f("player1", {src: "video_swf/flowplayer-3.1.2.swf", 
    wmode: 'transparent', 
    allowfullscreen: 'false', 
    version:[9,115]},
    {
...etc...
    }
});

Posts:

Registered:

Any way to disable double-click over player?

Posted: Aug 19, 2009

I know that the new version added in the functionality to double-click in the video area to make the player go full screen. Is there a way to disable this in the page code or is there something in the source code I can change and then re-compile?

I've already set fullscreen:false in the controls plugin. The fullscreen button goes away but I don't want anyone to be able to put the player in fullscreen mode if they double-click the video.
Because in my clip I have:
linkUrl: escape(http://www.somewebsite.com")
...which goes to that link like it should on a single click. But I have watched non-computer literate people double clicking links and pictures online, like they do in their desktop OS. I'm just trying to account for everything here.

If it's not possible to completely disable it is there a way to setup dblclick to refresh the page or do something. In other words do something else just not go into fullscreen. I've tried some jquery things using the dblclick event. But it didn't work.

Posts:

Registered:

» When moving over flowplayer with mouse, cursor does not change to hand

Posted: Aug 19, 2009

I'm having the same difficulty. And nothing I've tried works. I don't need just the large overlayed play button to turn the cursor to a pointer, I need, as vince999 says above, the cursor to change anytime you put your cursor over the whole video area to a pointer.

I have tried all of these options:
Putting it into the .css page and calling that class in the DIV. I know it's being called correctly because that same class is sizing the DIV, and works. But the cursor change doesn't happen.

---------------------------------------
style ="cursor:pointer" ...inline in the DIV
---------------------------------------

onStart: function(clip) {
var wrap = jQuery(this.getParent());
wrap.css({cursor: pointer});
}
---------------------------------------

onStart: function() {
this.css({cursor: pointer});
}
---------------------------------------

How I've implemented flowplayer is that an initial embedded flowplayer video ad banner plays on the page a specific duration and then the user can click on the video banner and up pops the css driven flowplayer overlay DIV with the main video playing in this overlay. That initial embedded flowplayer ad banner is what needs the cursor:pointer.

Any help is appreciated.

Posts:

Registered:

Where to edit token value in secure streaming source?

Posted: Aug 11, 2009

Where do I edit the token value in the source code of the secure streaming plugin?
I believe it's in the SecureStreaming.as file. Line 36.
And line 31 in the SecureHttpUrlResolver.as file. I just wanted to make sure.

Also can I hard code the "timestamp:" value into the code so it's compiled into the swf like the token value? Or is it even feesable to do so for security?

Thanks and this is a great player BTW!

Posts:

Registered:

» Issue with Overlay background image in IE 6 / IE 7

Posted: Aug 6, 2009

I'm having the EXACT same audio problem in IE7. The audio never stops after I close/unload the player in the overlay. I have found there is an actionscript Method called: SoundMixer.stopAll();
...but I'm unsure how to implement it in a div based player code.

This is where I found the SoundMixer.stopAll(); reference:http://manewc.com/2008/07/25/actionscript-3-method-to-stop-all-sounds-within-flash-player/

Let me know if anyone needs me to paste any code for help.