Is it possible to use jquery/javascript to load in a flash player?

Question

I have a flash video player and I am just testing to see if I can use jquery/javascript to load that player in. I am trying to make it so that I can load different players in when I need to. Anyone have any ideas on this or know if it is possible? I know my code is wrong but I don't know how else to illustrate what I want to do.

If I take the below code and simply paste it into the html of the page on startup (without trying to use javascript or jquery to load it) then my video will work fine.

$('#container').html('<div class="test"></div><script> \
/* <![CDATA[ */ \
flowplayer(".test", "player/player.swf", {   \
clip: {  \
bufferLength: "0", \
autoPlay: true, \
autoBuffering: true, \
scaling: \'scale\', \
url:\'video_handler.php?file=somefile\' \
}, \
});  \
/* ]]> */ \
<\/script>');

Glycerine · Accepted Answer · 2011-08-14 23:37:23Z

3

SWFObject

http://code.google.com/p/swfobject/

SWFObject is a JavaScript based flash embedding API supplying a markup based approach and a method that relies on JavaScript.

By using the supplied code generator and javascript files, it takes a few clicks to create an copy/paste-able block of code to add to your page.

The library will handle everything you would require; such as flash button prompt for those without Flash installed and a simplified bridge for javascript to flash communication.

This is seemless to the end user and developer alike and allows the freedom to manipulate the HTML/JS without resorting to republishing your flash work.

This API is so useful it is hosted on Google Ajax Libraries http://code.google.com/p/swfobject/wiki/hosted_library and modern flash IDE's leverage this code and apply this API to the published content rather than the original propriety convalescent code.

This is useful as you will now have the ability to apply your player at any time to the DOM, simply by referencing the correct JavaScript. As an example:

<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");
</script>

As you can see - this makes our life almost worth living. I understand the embed code could be more verbose, this is the essence of requirement.

Hope it helps.

edited Aug 14, 2011 at 23:37

answered Aug 14, 2011 at 20:59

Glycerine

7,3874 gold badges42 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Glycerine Over a year ago

@Joey - Fair enough. I've elaborated.

Scarface Over a year ago

Your answer is too thorough not to accept haha. How do you feel about the native flowplayer embed vs swfobject? The only difference is size I suppose? flowplayer.org/demos/installation/alternate/index.html

ShankarSangoli · Accepted Answer · 2011-08-14 21:31:41Z

2

flowplayer provides a javascript library to play flash videos, you can use it like below instead of appending the markup in your question.

IF you have any question related to flowplayer, I can help you.

$(function(){
 $('#container').html('<div class="test"></div>');

 flowplayer(".test", "player/player.swf", {  
    clip: {  
    bufferLength: "0", 
    autoPlay: true, 
    autoBuffering: true, 
    scaling: 'scale', 
    url:'video_handler.php?file=somefile' 
  }, 
 });  

});

edited Aug 14, 2011 at 21:31

answered Aug 14, 2011 at 21:05

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

1 Comment

Scarface Over a year ago

It is actually flashembed() as I have found flowplayer.org/demos/installation/alternate/index.html Thanks for the contribution though

Collectives™ on Stack Overflow

Is it possible to use jquery/javascript to load in a flash player?

2 Answers 2

SWFObject

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

SWFObject

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest