Css :: Setup A Video As A Background 'image'
Feb 10, 2011I need to set up a website with a video as the background.
Will I be able to use z-index to position other elements on top of the video? Is there a better alternative?
I need to set up a website with a video as the background.
Will I be able to use z-index to position other elements on top of the video? Is there a better alternative?
I want to embed some video into my HTML page. As background I want to use big picture. And above it I want to insert loop video with (i.e.) walking man.So, can I embed video (without flash and any player controls) in page?Can I decode video with transparent background? Is there any codecs which support transparent background (alpha-channel)?
View 1 RepliesI have installed FMS 4.5 successfully. I am able to run all the videos in the index.html page (filmthos.com/flash), including the HLS video on my Iphone. I was able to setup a video player for rtmp and it works fine, but I am having trouble with setting up video players for HLS and HDS. I am looking for somthing simple.
The source file or located in these location: /hds-vod/mvp5/media/MP.mp4.f4m and /hls-vod/mvp5/media/MP.mp4.m3u8 respectively (the httpd.conf location for both is HttpStreamingContentPath "/opt/adobe/fms/applications"). So obviously I want a simple video player for the HDS that plays flash and another to play HLS and HTML5. The index.html seems to cumbersome to fine out how these players work.
I am trying to set up my video site to stream from the fms server¯ and the instruction stated that I should create my own new folder in the application directory on the fms server, and I have created my directory, which I called brigma_streams¯, and I have copied files from {FMS-Install-Dir}/ sample/Application/vod to my new folder.
[Code]...
I have started the vhost setup. I have cpanel on the server and I added the domain and it resolves to
the hosting account just fine pull up www.domain.com and goes to server.
I added the www.domain.com vhost. I pointed the application dir to /home/domain/public_html/applications/
I copied live over to applications dir. I setup user and pass for the virtual host login.
Cant figure this out, got it to work in firefox a while ago but after upgrading to mac and chrome, I had no luck finding an solution.
View 1 RepliesI have a streaming server (for pushing data not video) setup with GraniteDS and it works great. I have to include multiple swf files in a web page. Each of these swf files has a data table which includes streaming data(this is a specific requirement - so I really cant combine all data tables into 1 huge data table/swf file). All the swf files however, connect to the same gravity channel/streaming endpoint.
How many connections are there from the web page to the streaming server? Does each swf file start a new streaming connection? Or do all them share the same connection since they are just connecting to a single channel?
I am relatively new to Flash CS3 and i have been learning Action-script 3 over the past week. I have come quite a long way and i have made a site in flash but i just have a question.I have been using an image as my background and i am happy with the way flash automatically scales all the objects in my file but the background image does not scale. Is there a way to do this? I have found out things online which show me how to add auto-resizing to the background but this knocks off the flash auto scaling/resizing for everything else.
View 4 RepliesI've placed an input text box over an image of some lined paper and would like to set a limit for the number of lines that can be typed, as I would like to avoid the text scrolling (I tried the maximum characters option, but it doesn't count spaces, perhaps there is a way to make a space count as a character?). After the user goes beyond this line limit, it would auto-tab to another piece of paper, the auto-tab code's not a biggie, I can code the setFocus, but I'm really struggling to work out how to set a limit on the amount of lines, and the subsequent event that would trigger the auto-tab.
View 4 Replieshow to set up the URLRequest to load an external image to a movie clip that is being used in a Drag and Drop event.
I have successfully implemented the drag & drop code to my design but I would like to improve it by successfully loading external images to those objects that are being dragged around.
I am developing a website in flex. And in that, i am trying to set the background image of my application. like this: parentApplication.setStyle("backgroundImage", data.image_src);
From a different location.
My issue is that, the images that i have are small and hence they are being stretched when used as background images. I want to avoid that from happening. How can i do it?
was wondering if anyone could assist me with some actionscript. I am working on a project similar to this (thehideout.org.uk/refuge/) and making the background image move around as if it the scene is a POV.
View 1 RepliesIv got a background image 3 times the length of my stage.. what im trying to do is create a scroller so when you press a right button or a left button, it scrolls to the left third or the right third of the image.
[Code]...
I am using this following code to display images using xml.Everything is working fine for me but i have to add background image or border to the displayed image using function BitmapFileMaterial.
using BitmapData or Bitmap Class but same functionality.
[Code]....
I am making a new flash website and i stack on the as3 part.My site have a menu like all the site do.Now on the site load there is a background picture.When you press one of the menu buttons, the background image will change to this button specified image.But all that in an animation of fade in and out.My problem that i have everything but i cant know which image was before it changes to the buttons specified one. It maybe require as3 which i dont know.I cant upload here my work. its personal.But i ask you the professionals, please make a short fla file which will have the code and animations i need.(if you cant understand me)Please, make a fla file, which contains random 3 images.At the start it will have main background and a menu on it(just text-for fast and short work)The menu is 3 text ine(main,about,contact)now, make that when you press about(for example) it will change the main image(background) to the image of the about page.
View 2 RepliesI am currently working on a flash website that has several flv videos on it. Since the website layout has a slight tilt, I have had to transform the videos to slightly tilt as well. The problem that I am having is that when I do this the image becomes very pixelated and the edges of the video become jagged. I have somewhat fixed the edges issue by making a mask around it but i really dont know how to make the resolution better, or what causes it to loose resolution when slightly transformed. The size of the videos is the same as encoded. All I do is tilt them upwards on the right side a bit.
View 1 Repliesjust fond a cool page and would love to know how they did it.
[URL]
This will create an flv video file on flash media server:
var nc:NetConnection = new NetConnection();
nc.connect(null);
var ns:NetStream = new NetStream(nc);
ns.publish("yourCamera", "record");
ns.attachVideo(Camera.get());
How can I generate an image for the current video frame every 2 seconds?
I am wanting to learn how to achieve this effect.
View 1 RepliesI've been trying to make a flash website with a video background; I've been trying to use the FLVPlayer with no controls, but theres no loop option nor resize...all of my work is on Flash CS3
View 2 RepliesHow can you take a video clip and keep it looping in the background while you place other conten over it?
View 1 RepliesI want to make a video background for my homepage as a welcome page. I found this code on the internet that seems to work more or less... problem is it just stretches out and fills out to much, it only stretches out to perfectly fill on the with of the swf, but goes way over the boundaries on the length... the video fills the page exactly but when the expands according to the size of the browser?
[Code]....
When I load movie (from youtube), I press play and click on other button in menu - the video is still buffering and plays sound in background.
How to stop it from buffering?
ActionScript Code:
System.security.allowDomain("http://www.youtube.com");
System.security.loadPolicyFile("http://www.youtube.com/crossdomain.xml");
this.createEmptyMovieClip("video_mc", 10);
[Code].....
Iam designing a dj website, i want an effect similar to the one on this website [URL]its not the forground that i want, i'd like to achieve a similar video effect with dots in it... i can easily place the video to the back.. but how is the video effect achieved?
View 1 RepliesMy dilemma is that is that I have an image that when you roll over it with the mouse the words 'click to play' appear. Now when I click I want the image to disappear and the movie behind it to start playing.
I've managed to put together some action script through looking at various tutorials and posts. but when I preview my site and click the image nothing seems to happen.
The code I'm using is as follows:
import fl.video.VideoEvent;
function doPlayVid(e:MouseEvent):void {
tanmov.play();
this.alpha = 0;
[Code].....
I have a Flash CS4 Professional version installed in my machine. Here is my problem.
1st - I'm importing an image to stage and set the width and height to match the image. (everything is good, no problem) 2nd - I am using the FLVPlayback components build-in from Flash CS4. It does load the video and everything. (everything seems good) 3rd - Publish the video to my local drive (everything seems good) 4th - I could play the video from my local pc and it loads fine and fast 5th - Upload everthing from my local folder to the Web server, it does display the background image but not the video. It has a white blank screen. What is going on? I copy the exact folder from local to server. What have I missed? How could I make the video to load?
When this video page loads, it displays a white stage background, even though I've tried every method I know to make the bg color black. What am I missing?
[Code]...
I have a question regarding which version of Flash Media Server will best serve the project I am currently working on and whether the approach I have in mind is possible with FMS.The project envolves Flash Media Server syncing a dynamic background across multiple Flash Players running on separate computers on the same local network. One approach is to have FMS handle the variables and calculation on its side and communicate this to the other Flash Players (this I understand can be done with the Streaming Server).The second approach is to have FMS execute ActionScript on its own side to create the dynamic background and then serve this out as a video stream to the other computers. (With this approach FMS can completely takeover the processing required to generate the background content and the other computers only need to play it back as video. Is this type of approach possible with FMS and, if yes, with which version.
View 1 RepliesI have a video player program, there is a list page and a player page, once you click on an item in the list it takes you to the player page and it loads the correct video from a streaming server for you, easy peasy When each item is picked it finds the corresponding item in an XML file and loads my video player source with the XML data url
function beginLoad():void { this.addChild(videoPlayer) videoPlayer.source = myXML.video[videoIndex].@url; }
(it has nothing to do with this function not happening on mouse event, this is only the part that happens when it loads)My issue is that if you are fast enough and click to return to the list page before the video has started playing, the video will play in the background, even though the code actually removes the video player child from the stage the code on the button to return to the list page is
function navToList(e:Event):void { videoPlayer.stop(); videoPlayer.parent.removeChild(videoPlayer); }
there is more code in the button but none of it relates to the videoPlayer item why on earth it continues to play is beyond me, surely if there is no videoPlayer componen on the stage (and this is the only one) then the video has no ability to play whatsoever is there a specific command to tell the videoPlayer item to stop everything and just return to a blank state, do I set its 'source' to nothing?
I'm creating a site and am trying to achieve a full screen video background like this: [URL]. The idea is that it adapts to any screen resolution/size (is this called ScaleMode?) Which is the easiest way to get this effect - is there some sort of code or application to make it easier? Also, which video size should I pick so it shows correctly in all resolutions?
View 1 Replies