I am using this code but I am getting only audio and no video .. it is an FLV file and working correctly on other players.
<s:VideoPlayer id="vidPl"
source="com\gcs\quest\assets\videos\TheUltimateFailsCompilation.flv"
skinClass="skins.CustomVideoPlayerSkin"
autoPlay="true"
muted="false"
horizontalCenter="0" verticalCenter="0" />
Black video frame but audio is playing fine:
You did not say if this is running via browser-based Flash or desktop/mobile Air, so for anything using stage video:
HTML: in the object tag, add the parameter <param value='direct' name='mode'>
HTML: in the embed tag, add the attribute wmode='direct'
AIR: change the render mode: <renderMode>direct</renderMode>
Ref: https://helpx.adobe.com/flash/kb/flash-object-embed-tag-attributes.html
Ref: http://help.adobe.com/en_US/air/build/WSfffb011ac560372f2fea1812938a6e463-8000.html
Related
I am updating my existing web application code from Flash <object> to now using HTML5's <video> and <EMBED> tags instead.
I have a situation to use my own Flash player which has its own complete player controls for playing the video. Because it is important to make sure that, across the web page, the same design view should be there.
I have created a sample test page also and tried it. Here i can solve either one solution only.
Solution 1:
<div id="blk-1" class="toHide" style="float: none; vertical-align:middle">
<video width="640" height="360" controls>
<!-- MP4 must be first for iPad! -->
<source src="https://ins-trs.com/tracker/webapplication/data/videos/Japan.mp4" type="video/mp4" /><!-- Safari / iOS video -->
</video>
</div>
-- Here the controls for the video is default of HTML5 and it works.
Solution 2:
<div id="blk-6" class="toHide" style="float: none; vertical-align:middle">
<embed src="https://ins-trs.com/tracker/webapplication/data/videos/Mouseover.swf"
width="640" height="360"
type="application/x-shockwave-flash">
</div>
-- Here .swf file run with out control buttons to handle the video.
Solution3:
<div id="blk-7" class="toHide" style="float: none; vertical-align:middle">
<object width="640" height="360"
type="application/x-shockwave-flash"
data="https://ins-trs.com/tracker/webapplication/data/videoplayer/player_swf/video_player.swf">
<embed src="https://ins-trs.com/tracker/webapplication/data/videos/Mouseover.swf"
width="640" height="360" >
</object>
</div>
-- Here "video_player.swf" player loads in the screen, but " Mouseover.swf" video is not loaded inside my player after long time and no error also.
My Question is,
Is it possible (Solution1)to tell of HTML file to load via my "https://ins-trs.com/tracker/webapplication/data/videoplayer/player_swf/video_player.swf" player fpr .MP4 files to load?
How to enable or set the player buttons for the .swf extension video which is running in solution2 above?
How to load the .swf video inside my custom own player(solution3)?
Attached as image my own custom player with controls -- (https://ins-trs.com/tracker/webapplication/data/videoplayer/player_swf/video_player.swf)
I hope some would come across these situation. It will be great help for me to understand more and update my knowledge.
Thank you for your time reading my question.
Image for your reference of 2 players , i would like to achieve either one for across all the pages similar look for all my videos .mp4 or .swf in my web application.
Custom .swf player look
Default HTML5 player look
You cannot use the SWF as a graphical user interface for the <video> tag.
Also not all browsers will display SWF files, so if you do this, you might have some users seeing no controls on the screen (especially on mobile devices).
It's a simple fix: Just use JavaScript to control playback.
You have to recreate (or extract) the SWF icons (as PNG images) and load into your page.
Assign JS functions to each image for controlling playback (eg: play video on image-1 click).
If you need it, check tutorials for the math calculations of...
seek bar handling (graphic click position converts into video seek position).
time display (converting milliseconds into hours, minutes or seconds).
I have a Tizen web application. On one page there is a video html tag. It plays video from m3u8 format, using hls well, but if I set as a source a video file - it is not played. Here is the code:
<video id="video"
src="http://content.bitsontherun.com/videos/q1fx20VZ-52qL9xLP.mp4" preload="auto" controls loop autoplay>
</video>
In browser it works fine. Seems that Tizen just ignores it for some reason. How can I play video from file?
Add below privilege and policy in your config.xml.
<tizen:privilege name="tizen.org/privilege/internet"/>
<access origin="*" subdomains="true"/>
I have a .swf file that is currently embed in my Web site , i try to use this codes:
<object data="media/images/animacija-mkd.swf" type="application/x-shockwave-flash" width="843" height="240" style="undefined" id="Unior" name="Unior">
<param name="movie" value="media/images/animacija-mkd.swf" />
<!-- If flash is not installed -->
<p>You need Adobe Flash Player to view this content</p>
</object>
Before that code i try to use:
<embed type="application/x-shockwave-flash" src="media/images/animacija-mkd.swf" width="843" height="240" style="undefined" id="Unior" name="Unior" quality="high" wmode="opaque" bgcolor="#0655B8" />
But with both embed codes when i open the website from ipad or mobile chrome-firefox browsers it cant be loaded (visible), except from firefox where u must click on the banner where it sais: "Tap here to activate plugin"
I try using Google Swiffy but when i convert my .swf file via google-swiffy its not looking good as it is now, its gettin slower to load and etc...
I also try to use CreatJS (in Adobe CS6 Flash Pro) but that way somehow my .fla file using background images, some text and etc.
Is there any other way to embed my .swf so it will be visible on smartphones or tablets ?
iOS doesn't support Flash, so you need to use Html5.
maybe try this, but writing the html5 version by yourself is the best option :)
I know in IE 9 HTML5 is possible. How does one best play video in IE 8 or less? The video formats I have are .mp4 and .ogv version for each video.
I have tried using a flash container but it does not seem to play the video although I do see the container and the controls.
I tried using an Active-X container and the same thing. I see the container, but no video plays. I then realized that this will only play .wmv.
Here is my code for the Flash container. Any advice on why it might not be working?
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" WIDTH="550" HEIGHT="400" id="myMovieName">
<PARAM NAME=movie VALUE="movies/cars/cars.mp4">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED href="movies/cars/cars.mp4" quality=high bgcolor=#FFFFFF WIDTH="550" HEIGHT="400" NAME="myMovie" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
You are embedding a Flash container, but you are not linking to a Flash file - this cannot work. In order to play videos in a Flash video player, you need to link to an actual Flash video player SWF, like FlowPlayer (there is a free version), which then connects to the web server to play the video (you can use mp4s, but not ogv).
In order to use video in HTML5, you can use the <video> tag.
But HTML5 video is not yet supported by all browsers, and neither is Flash (at least not on iOS devices).To make sure anyone can play your video, use a combined solution (HTML5 video with Flash fallback). There are free libraries which do this, like Kaltura and VideoJS (site currently seems to have some problems, but it's there).
I created a custom video skin for my movie, and published the swf. The file plays on my Mac (using Flash player v9) but it will not play on my PC (using Flash player 10). When I uploaded it to the host, neither players will play the swf. The bitmaps in the flash file show up, but the movie won't play. I don't know if it is how I exported it or what, but it will not play! Any Idea why this is happening?
The video is hosted here:
http://hqinternetsolutions.com/YOGIPATCH/index.html
Here is my Actionscript:
flvPlayback.playPauseButton = playpausebtn;
flvPlayback.muteButton = mutebtn;
flvPlayback.volumeBar = volbar;
flvPlayback.seekBar = seekbar;
And my HTML embedded flash:
<div id="movie">
<object id="movie" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="440" height="273">
<param name="movie" value="file.swf">
<param name="quality" value="high">
<embed src="file.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="440"
height="273"></embed></object>
</div>
Just had a look using Firebug. Your swf appears to be referencing the following URL:
http://hqinternetsolutions.com/Users/larrykain/Desktop/flash%20skin/fullaquatic.flv
It's returning a 404 so it can't find the file. Looking at the URL, check the reference to how you've embedded it in the swf file.
This might be caused by different things:
Make sure the flv file is uploaded to the server along with the SWF.
Your FLV file might be blocked on the web server. Make sure it's not by pointing your browser to the actual FLV file directly (example: http://hqinternetsolutions.com/YOGIPATCH/myvideo.flv)
The flv path set in the FLVPlayback component might be too long.
Try adding a preceding / to the path of FLV in the component.