Forum user: jpreston84 Jonathan Preston Development Manager, Online Group Ron Hazelton Productions, Inc. http://www.ronhazelton.com

I realize this is a dead topic, but it's a feature I'm actually interested in having implemented.

Is this something that I could pay to have the FlowPlayer team implement? If so, what kind of costs would be involved?

Actually, it seems I neglected to realize that getTime() returns the time in seconds to three decimal places. This works quite well with FFMPEG for selecting which frame to capture (at most, it should be one frame off). So, nevermind to my original question.

I'm looking to use FlowPlayer to allow users to select a frame of video to be used as a thumbnail. The idea is that they would locate the frame of video with FlowPlayer, and then hit pause. An external button (with some JS) would call a function on FlowPlayer that would read the current frame # of the video, and then send that via AJAX to the server.

I'm aware of being able to grab the current time index of the video being played, but that's only accurate to the second. Is there a function I can use that's frame-accurate?

The more I look at it, the more I realize IE's method of converting valid HTML/XHTML via innerHTML is seriously broken. Thus, the solution is to avoid it altogether.

I found a JS package that converts DOM objects to strings, and back again.

http://innerdom.sourceforge.net/

Using this in place of innerHTML solved the problem.

Well, further testing indicates that if I paste the HTML directly into the setHtml call, it works, no matter how many attributes are in there. If I pull it from the DIV, it seems to be hit or miss, depending on what content I put in there.

The combination of having an href and a target on an anchor always seems to fail when pulled from the DIV (edited this sentence). I need to find a way to make this work. (In this instance, the player will be in an IFrame, and I need to be able to target the parent document with links.)

The fact that the content itself works tells me the content is compatible with the display engine used in the player. It's just something about how the innerHTML method retrieves the characters in IE.

Perhaps something as simple as escaping some characters may fix this? Or perhaps there's another way for me to get at the contents of a DIV using JavaScript?

This certainly isn't something I'd call a FlowPlayer bug, though if/when it gets solved, I think it would be worth a mention in the documentation for the content plugin, so that other developers don't have the same problem I've had.

Lastly, IE isn't "strange" -- it's just a poorly-coded browser which developers end up having to spend way too much time troubleshooting for.

Please check out the demo I've been working on for my employer.

http://www.ronhazelton.com/flash/FrontPageFlowPlayer/index.html

Basically, the user can choose any of 3 different clips to play. When one is clicked, the appropriate clip is loaded, FlowPlayer is instructed to play, and the content plugin is filled with popover content. When the user clicks another video clip, the new clip is played, and the content plugin's content is changed via the setHtml method (I feed it the content of a hidden DIV element).

In FireFox, this works just as expected.

In Internet Explorer 7, it doesn't. Instead, the content plugin shows up, but has no text (since I configure it to have "test" by default, it's obviously being reset to blank).

If I change the setHtml call, and place actual HTML code in the call, it displays properly, but referencing the content of a DIV doesn't seem to work. If I throw an alert with the same referenced DIV content, it shows up in the alert, so I'm sure the reference is returning the right content.

I also tried swapping out the jQuery reference for the usual document.getElementById("blah").innerHTML reference -- the results were identical.

Perhaps someone can spot what I've done wrong, or one of the developers will be alerted to a bug in the player.

Relevant code follows. (You can see the full source at the URL above, of course.)

	flowObj.onBegin(function() //every time a new clip is loaded
	{
		this.getPlugin('contentOverlay').hide(); //hide the overlay block
		this.getPlugin('contentOverlay').setHtml($("#" + overlayTextElement).html()); //change the overlay block's content to match the video being shown
	});
	flowObj.onCuepoint([5], function(clip) //set a cuepoint 5 seconds into the clip -- this will apply to ALL clips
	{
		this.getPlugin('contentOverlay').show(); //when the cuepoint is reached, show the overlay block
	});