Flash :: Possible To Skin MediaElement.js Consistently Without The Player?
Jan 12, 2012
If I just call MediaElement and not MediaElementPlayer, can I still skin both the HTML and Flash players using only CSS? Or do I have to modify the actual FLA?
I have set the features to be empty which works fine except in the flash player. It still shows the big play button.I realise I can manually hide this but I'd rather find the proper solution
$('video').mediaelementplayer({ features: [], success: function (me) { [code]..........
I have a video player on my site that once paused I would like to prevent rest of the video being downloaded. I am using MediaElement.js for html5 video with flash fallback. It is annoying that I am unable to stop the video from downloading as it is a waste of bandwidth and the "progress" event continues to fire and update the UI.
$('#trailer-dialog').mediaelementplayer({ enablePluginDebug: false, // remove or reorder to change plugin priority plugins: ['flash','silverlight'], // specify to force MediaElement to use a particular video or audio type
http:[url].....I want to change where it says guide to say media.... I have flash CS4 and i open the vidiscript_player file in flash and all it is is a black screen....
I am customzining a Flash FLV Player skin and everything is basically done and working according to play.My two questions are the seek bar appears to be shorter than the movie length despite the fact that I expanded both instances of it on the FLA of the skin itself?The second question is -- what AS could I use to display the time code of the movie as "0:00" if I wanted to have that appear too?
Problem: Users of our web app are complaining how hard it is to get past Flash Player's Security Panel when they want to make video calls. (Personally, I don't see why it's hard.) We tried several things to guide them through the process, including callouts pointing to the Security Panel area with specific instructions and even an auto-play video. But still some don't get it. I think the biggest confusion is the "Close" button. Users think that it will close the app or the entire window.
Solution #1: It's possible that part of the problem is the small size and styling of the Security Panel.Is it possible to apply a style or skin to the Security Panel, so that it's larger and looks more consistent to our web app?
Solution #2: Perhaps there's also a non-technical solution. Has anyone seen a good implementation of a web app that make it easy for non-technical users to make video calls?
I am making a web app that uses MediaElement.js (ME.js) for playing audio and displaying video across different browsers. However, I am having trouble with IE8: When I instantiate the MediaElement with an <audio>element from the DOM, the flash object gets created and inserted in DOM but then the media does not get loaded. No errors are reported. Instead nothing happens.
Trying to debug it, I have created a small test page which also uses ME.js that tries to play the same audio file. Strangely, this page works fine. IE8 loads and plays the file. I have tried to look at what both of these pages output in the DOM to see if I could get a hint about what is going wrong.
[Code]....
Notice there's a difference: In the first snippet it says <PARAM NAME="Play" VALUE="-1">and in the second it says <PARAM NAME="Play" VALUE="0">. This seems significant somehow, but I have no idea how to interpret it. not that this is not the markup generate by ME.js but something that somehow gets generated when the .swf file has loaded. Not being any kind of a flash expert, I can't really explain how.
When I use Fiddler to monitor which assets get loaded, the difference between the two pages are that the first page loads the .swf file as the last thing and the second loads the .swf file and then loads the .mp3.
I should mention that the web app works in Chrome when I force it to use the flash plugin instead of native HTML elements.
I'm trying to add mediaelement.js to my site to present a single player for any MP3 link on a particular page. The design is working fine for IE 9 and Chrome 11 (which have HTML5 MP3 support), but it has an issue with the flash fallback on Opera 11 and FireFox 4. Clicking any MP3 link on the page uses the .setSrc() method of media element player to change the source of the player, but in Opera and FF, the first time this method is called, it returns error "this.media.setSrc is not a function". Any call to the function after that works fine.
Another issue is after the element containing the player is hidden "display:none" and then displayed again, calling the .pause() function will produce error "this.pluginApi.pauseMedia is not a function". After that error is thrown, subsequent calls work fine until the element is hidden and displayed again.
When I place a flv into a flash movie and apply a skin and publish everything, it works fine on my local machine, but when uploaded to a server the player skin will not show up, yet the flv shows up and begins playing. Has anyone encountered this before? Isthere a way to embed the skin in the swf instead of having it be
Is there a way when using Actionscript 3 to embed the video player skin into my document so that when I publish it, everything I need to launch the file onto a website is in one swf? When I publish it as it is now, 2 swfs appear, one for my file and one for the video player skin. Can I embed the video player skin so this doesn't happen and I only have to upload the one swf to my website?
I need to save a flash movie with the player embedded into it - meaning, when saved, there will be ONLY a single swf file (with functional buttons) needed to upload. I know default saving gives a swf and player skin file.
I tried to use the pre built flv skins from adobe flash.. But as i'm generating the flv source dynamically in my website i am unable to pass the source name in the HTML page.
I need to save a flash movie with the player embedded into it - meaning, when saved, there will be ONLY a single swf file (with functional buttons) needed to upload. I know default saving gives a swf and player skin file.
How can this be achieved? I am willing to go back to archaic Flash versions if need be!
Any way of building in a fullscreen button right into the skin of a video player using actionscript 2? Or perhaps have access to a source file? I've seen the skins with fullscreen with AS3 with CS3, but I need tut on skins with fullscreen using AS2.
I'm getting a security error while trying to load a custom skin to my player from my server. I've already tried placing the allowDomain with "*" wildcard, and still it doesn't work. Here's the error:Error #2044: Unhandled skinError:. text=Error #2121: Security sandbox violation: Loader.content: filelayer.swf cannot access URL...I really don't understand why this is happenning, since i'm loading flv's or images from the same server without getting any security errors.
[code]This is my code that i have inserted into the first frame(?) of the fla file.When I use the swf in a html web page, i can hear the video but I can't see it and play skin cannot control the video.This is also a part of a security token code which i'm implementing on the client-side.
I published a viedo.swf with a skin. I tested the video.swf both - both the html doc and the swf file and the skin is in each.I uploaded to my web server the following:1. video.swf,2. skin.swf3 video.html. and4. the AC_RunActiveContent.jsAll are in the same folder.When I goto the url the the video.html is located I do not see the skin ... on line.
I've been working on a simple mosaic generator for a project and have been crashing Flash consistently by trying to add too many bitmaps to a Sprite. I can crash Flash every time with the following:
for(var i:int = 0; i < 10000; i++){ var d:BitmapData = new BitmapData(20,20); addChild(new Bitmap(d)); }
I get a 2015 error - invalid BitmapData.9000 works without issue... 10000 crashes. Problem is I need 10000.Is this a known limitation? I could try using multiple sprites and adding say 5000 to each, but that wouldn't be easy with this project. But if I have to I have to...
SkinParts are a great way to add event handlers and logic to an object that is instantiated in the skin, away from any business code. Often, though, I find myself wanting to do the opposite, and define parts that will be used in reusable, skinnable containers in the parent mxml files which will be inserted into the skinned containers.
What's the best practice for when you want to be able to define a control and a skin which can be reused with different controls inserted from outside the skin? Edit: A better way to put this might be that I want to use something that works a little bit like a SkinnableContainer, but that isn't limited to one area where content can be placed.
I'm using the default CS4 FLVPlayback skin, mainly the SkinOverPlayMute.swf. I know there's a skinAutoHide option, but because I don't want it to auto play, I want people to see a play button when they first encounter the video (so they don't think it's just an image). But the skin needs to hide when the video is actually playing (so the video doesn't get blocked by the controls).
In other works - when video isn't playing: skin showing; when video is playing: skin hide.
I extend Button to create ImageButton, and I extend ButtonSkin to create ImageButtonSkin. But, when I define hostComponent like this:
public var hostComponent:ImageButton
I get an error that there is a conflict with hostComponent:ButtonBase inside the ButttonSkinBase. How do I extend a skin AND provide a new hostComponent for it?
Is it possible to Cast the DisplayObject into MediaElement.Am trying to add the DisplayObject into the MediaContainer, but I got the following error:
-1067: Implicit coercion of a value of type flash.display:Loader to an unrelated type org.osmf.media:MediaElement. -mediaContainer _loader is the variable of DisplayObject. mediaContainer.addMediaElement(_loader);
I am attempting to retrieve metadata from a URLResource. The URLResource is not controlled by me, but passed into a function that I am using. The URLResource is created like this:
var resource:URLResource = new URLResource("[URL]"); // Add Metadata for the URLResource var VideoParams:Object = { Name:"Logo Video", Owner:"Self", [Code] .....
Now the URLResource contains the metadata. I will receive a MediaElement resource. How do I extract the metadata back? Here's what the debugger shows (media is a MediaElement object containing the URLResource w/ metadata) :
I've attempted extracting the metadata object with: media.resource.getMetadata("VideoParams"); And a host of other attempts, but can't figure out how to get at that darned metadata.
How can we embed the over,up,down etc skins defined as sybols in a .swf file... i mean in skin file how can i specify those symbols to be used as up,over,down skins.
So at the beginning when my SWF loads up it also loads up a sequence of animated clips like [code]...
And my clipLoaded function is[code]...
The clip4 file being loaded in has a stop() at the first frame. Later in the game (clip4 is the "outro") I use[code]...
However, the clip only seems to play about 25% of the time and all the other clips which I load the exact same way play fine. The only difference is that those clips get played fairly soon after they load which leads me to believe clip4 is being autoreleased at some point but I really have no clue.