Placing graphics OVER a video in iWeb?

Hi, I have a video on my iWeb site and I want to place a graphic over it to act kind of like a picture frame. The graphic I want to use has transparent parts I created in photoshop so that, when I "send to front" on iWeb, it appears OVER my video and my video can then be seen behind it. However, when I publish my project and visit my site, the video always appears over the graphic frame I created. Is there a way to make the graphic act as an overlay through html or something?
Thanks!

Thanks, everyone! I tried placing the video in a text box. Do I then also place the frame in that same text box? If so, should it then be able to fit over the video? I feel like I must be doing something wrong.
If I try the other technique of placing the image in the video, is there an easy way to do that in iMovie? I don't have Final Cut.

Similar Messages

Placing object over flash video flv

Hi folks
I am trying to place a link and an image over the top of a
FLV component using css
HOWEVER the objects are always covered by the flv
I have achieved it before with CSS when working with an image
(i.e. image in one DIV and positioned relative and the overlaying
objects in another DIV positioned absolute to the image DIV) but
never with an SWF or FLV
Can anyone tell/advise me how to achieve this IF it is indeed
possible.
Or alternately another way apart from putting the flv in a
swf with the link embedded in the swf
Any help or advice much appreciated
Cheers
J

IE6 playing at the same frame rate as Firefox.
"julie.jenkinson" <[email protected]> wrote
in message
news:frcq50$ig3$[email protected]..
> Hello!
>
> I've got a problem overlaying an image over a Flash
Video.
>
> You can view a test page
http://ll-lllll.com/essai_TEST.html
> It's just a video playing, and when you hover over it,
it displays some
> info
> on top of it.
>
> I'm using DIV layers in DW for both the video and the
image, and I've
> added
> the wmode=opaque parameter in the code so that the
z-order of the layers
> is
> taken into consideration.
> Now, everything's look ok in Firefox, but in Internet
Explorer the video
> plays
> at a very slow frame rate (the semi transparent info
image isn't the
> source of
> the problem). Do you maybe know another way to do this,
so that it works
> fine
> in all browsers?
>
> Thanks,
>
> Julie.
>

Problem keying graphics over video when exported.

Hey
I'm new to FCE, but I work professionally in the television industry doing graphics/compositing/3d.
Outside of work, I mess around with my own movies and hardware.
I'm cutting together a piece shot with my Canon VIXIA HG20 camera. The footage/project is 720p.
My problem is that when I key a graphic over the video, it looks great while working in Final Cut, but when I export a full quality video, the graphics cause the entire screen to shift levels. The saturation drastically changes the instant the graphic begins to fade on. It doesn't shift gradually with the fade. This is only visible after export. The graphic is rendered. The image is a 32-bit Targa. The levels in the graphic are within the NTSC broadcast color range. I prepped it the same as I've done for years professionally.
I don't think this is a compression issue, because the change happens immediately, before the graphic is even barely visible.
I looked around, but couldn't find anyone with similar issues, but hopefully this has already been figured out by someone.
Any answers or suggestions are much appreciated.
Thanks
Colin

Thanks for your reply.
As far as I know, targas can only be RGB. I couldn't find a way in Photoshop to work in YCbCr. I have Photoshop CS, so its pretty old, but even on my work computer, which has CS3, I didn't see anything. Next week I'll be installing CS4, so there might be something in that.
I won't be able to test anything until late tonight, but I'll try several formats to see if they make a difference. I'm wondering if there might also be some kind of option in FCE to convert imported graphics to the correct color space.
When keying graphics over video in your projects, how do you save them(formate,color space, etc)? Ever see this issue?
Thanks for your help
Colin

Squashed Flash Video in iWeb

This is a stumper and I could really use a freah perspective on it.
I have been trying to get a Flash movie on my iWeb site bu using the instructions on the iWebUnlimited site here...
http://iwebunlimited.com/iweb-tips/iweb-tip-9-flash-video-in-iweb-jw-player/
The problem I have is that when I publish my changes in iWeb and point my browser to the page the movie is on, the movie plays as a litttle squashed box in the middle of the player. Let me explain...
I followed the instructions on the iWebUnlimited site to the letter. I have downloaded the .swf and .js files, placed them in a folder called "flash" on my iDisk as well as my .flv movie file and a screengrab of the same size.
I have changed all the parameters in the HTML code to point to my iDisk and the relavent files.
I have changed the video dimensions to that of my newly encoded .flv video (640 x 352 - in ffmpegx)
When I go to my movie page in my browser, I see the still shot I took as a place marker in the right dimensions. Yet when I play the movie, although the player is the size I requested - 640 x 352 - the actual movie plays inside it as a squashed box. Take a look at the screenshot below to see what I mean.
The video should fill the black areas, but whatever I do this is the result...
Here is the info on the flash video I uploaded to my iDisk and how is should look...
And here is the HTML code with the same dimensions input in iWeb before I published. I have changed my username back to "username" for this screenshot FYI...
The weird thing is - I uploaded a flash movie a couple of years ago to the same page and it plays ok - looks fine. Shame I can't remember how the **** I did it! I wondered if having 2 flash movies on the same page were causing the problem, so I deleted the old one.
Same result.
I created a new fresh movie page and tried that - same result again.
I thought that maybe each movie needed it's own set of .swf and .js files as the 2 movies are of different dimensions, each player would need to be different dimensions also....?
So I even added another set of .swf and .js files. I tried copying the 2 sets of movie files to individual folders, but iWeb didn't see them at all - it only seems to see them is they are in a folder called "flash" in my "Web >Sites" folders on my iDisk.
I was wondering even if it was down to the encoding of the video, which I did in ffmpegx. I did have to do it in a roundabout way...
In Final Cut Pro I exported a full quality QT movie - ProRes422 1280 x 720 that turned out at 5.32 GB and 12 mins 5 secs in duration.
This is not recognised by ffmgegx, looks like the ProRes codec has it confused.
So I put it into Compressor and re-encoded it as a H.264 movie 1280 x 720 that turned out at 1.72 GB.
When I put this into ffmgegx it encoded just fine, but stopped after 7 mins and 7 secs.
I tried a hundred different ways but it always stopped at 7m7s...
So I eventually dropped it onto a droplet I downloaded somewhere to convert videos for Vimeo HD - 1280 x 720. I dropped this into ffmpegx and Hey Presto - it worked!
So I now have my full length .flv movie at my 640 x 352 on my iDisk with iWeb pointing at it and the correct dimensions input in the HTML code, and it STILL comes out squashed....
if anyone has a clus what is causing this or what I am doing wrong, I will be forever in your debt!
I know this is an epic mail, but I wanted to give all the info I can......

If you are using a SWF or FLV you don't need to use the JW player assets. Just reference the file in an iFrame code....
http://www.iwebformusicians.com/Website-Movie-Video/Flash-SWF-FLV.html
Adjust the dimensions of the frame to fit the movie and control bar if necessary.
This page shows the JW using the embed code and the javascript version...
http://www.iwebformusicians.com/Website-Movie-Video/JW-Media-Player.html
If you want to us the JW player using the javascript shown on the iWeb unlimited site, you need to adjust the player frame dimensions to suit the control bar position that you specified. I notice that this website doesn't mention the fact that the control bar position can be changed - normally "bottom" or "over". If you set the control bar to "bottom", the frame height needs to be increased. Also the javascript shown is not the latest one where you can specify all the custom options.
If you use the javascript that I employed for the second example on the iWeb for Musicians site, you can do a lot of customizing and specify flash with fallback to HTML5 or vice versa.

Unwanted lightening effect around placed graphic

I originally posted this in the InDesign forum but that may have been the wrong way to approach it.
I have an Illustrator vector graphic placed in InDesign, it's over a dark background.
Placed by itself the graphic looks fine, exports to PDF fine and prints fine.
However, there is a drop shadow effect added to the frame in InDesign (using the regular select tool), after which the placed graphic still looks fine.
There is, unfortunately, an invisible lightening effect added to the graphic which only manifests in the printed PDF.
This lightening effect is not visible in the InDesign file and is not visible in the PDF on screen (even when I check the separations), it is only visible on the printout of the PDF.
Since it is not visible in the PDF, here is a simulation of the lightening effect:
http://img27.imageshack.us/img27/8025/windoweffect.jpg
Anyone experienced anything like this?

It could be anything, but probably due to flattening issues on PDF export.
This is your screen shot, background removed, the two colored rectangles added in ID, added text for "The Gathering," the PS file added and the drop shadow effect applied to the PSD file from within ID. Screen shot is from the PDF.
Take care, Mike

HELP! Exporting smart build over a video background to QT?

Hi,
I have a single slide with a QT movie as a loop in the background with a smart build of images over the top. It's for a corporate event and the build needs to loop during the coffee break.
I need to export this to a movie file and then place it back in to another presentation so i can make the build loop.
However, when i export to QT the background movie plays once, stops and then the smart build runs through.
I've tried removing the background movie as I'm happy to have the smart build only to loop. When i export the build with a transparent background it is replaced with black. This means I can't place this over the original movie background.
The other, more simple alternative which I can't fathom is to make the smart build loop on it's own on the original slide so I don't need to export it as a video!!!
Any help is greatly appreciated!
Thanks
Simon

I've worked out that if you export to QT using png Codec it WILL keep the transparent background! I've now managed to solve this problem by creating a transparent QT and placing over the video background.

Optimize video for iWeb

Earlier tonight I created my first vlog in iMovie. Originally, I used the "Share > iWeb" menu item to export my video, and was pleased to see a page waiting for me in iWeb with my movie already placed in it.
However, when I published this 10 Mb beast, I was surprised to see the big blue Quicktime Q sitting where my (I thought) streaming video was supposed to be. So I waited, and waited, even on broadband. Eventually the movie appeared with controls to press play.
I like Q as much as the next letter of the alphabet, but I wanted streaming video. I'd like to see iLife/iWeb support this in future releases/updates. For now, however, you can create a good streaming presentation by using the "File > Export" menu item, then choosing "Expert" from the "Compress movie for:" drop down menu. Click Share, and in the next dialogue box, click the "options" button next to the "Export" field. Once you do this, you can set your movie's size, audio quality, and most importantly, you can check the "prepare for internet streaming" box and select "Fast Start" or "Fast Start - Compressed Header". Incidentally, this also reduced the file size of my movie from 10 megs to 3.4... and the quality appeared to be about the same on playback.
I say good instead of great streaming presentation because although I've used this method recently to create streaming video that auto-starts like Apple's movie trailers do (like it's supposed to do in Quicktime), video in iWeb does not auto-start as soon as enough of the video is downloaded to begin. The user still has to click play. But at least they get visual feedback... they see a play button and can track the download. Without a "please wait" disclaimer (and don't we all love those) that big blue Q, especially on a 10 Mb movie file, is just going to leave people thinking there's nothing to see and moving on. Even on broadband.

oh how smug i was when after uploading my 10mb monster and looking at a big blue Q, realised an export option was compression for streaming exactly like yourself.
was most disappionted when it made no difference, hope apple change that soon as the movie was the best bit of my site!

How do I place a still photo over a video?

How do I place a still photo over a video, where the sound keeps steady, but the still photo replaces the videos image for a duration?
I've got one placed and it's working great, but can't remember how I did it. I've tried everything. I'm working with iMovie 08'.
It appears like a music item in my project window, a thin blue filled line with the duration in it, just above the video and I can adjust the length of time the still is displayed. (Just like an audio/sound clip) The audio is uninterrupted.
Can anyone help me? Thank you!
Oh... my email is no longer [email protected]
I using [email protected]
I can't figure out how to change my email address in here or if it is possible...

switch-ON the Advanced Tools in iMovie's prefs.
drag your still onto the clip until the cursor gets a Green Plus Sign and choose Cutaway
Ghary Bowlin wrote:
.... I can't figure out how to change my email address in here
you shouldn't post your eMail here anyhow.
this is a board - no 1on1 support

How do I make a video on one track expand in size over a video on a second track? Elements 11

How do I make one a video on one track expand in size over a video on a second track?
Thanks.

Sminty
Thanks for the follow up with additional very helpful information.
What you need to do is to keyframe the Motion Scale property so that it changes over the duration of the whole photo
rather than Scale being applied to the whole photo uniformly.
Two ways you could do the keyframing of Scale..
a. from the Timeline
or
b. from Applied Effects/Applied Effects Palette/Motion Panel expanded and its Scale Property there, using Toggle Animation to initiate the process.
For now, I will describe "b"
Your scaled down image on Video Track 2
Your regular image on Video Track 1
Your Timeline Indicator at the beginning of the Timeline.
Select/Highlight the image on Video Track 2, go to Applied Effects Tab/Applied Effects Palette/Motion Panel Expanded and its Scale Property
That area should look like
You get an abbreviated version of the above screenshot if you do not hit the Show/Hide Keyframe Controls icon. With it opened, you will see the actual keyframes being placed.
With your Timeline Indicator at the beginning of the Timeline and Video Track 2 Image selected, click on the Toggle Animation Icon. That will set the Scale property keyframes
which at that time will be at a value less than 100% because you are starting with a scaled down Video Track 2 Image.
Then move the Timeline Indicator to the last frame of the clip. Then move the Scale slider to 100% or whatever % gives you Video Track 2 Image just to full frame so
that you do not see the Video Track 1 image. Render the Timeline by pressing of the Enter key of the computer main keyboard or pressing the Render button above
the Timeline.
All sorts of things can be done by keyframing a property. The property could be other than Scale (some examples might be Position, Opacity, certain effects applied
to Timeline content, etc.)
Please review and consider and then let us know if that worked for you. Do not hesitate to ask for clarification if needed.
Thank you.
ATR

Cannot superimpose graphic over clip of live action

I did this before so I know I am missing something.
I am trying to superimpose a LiveTitle graphic over a live action clip. I keep getting the prompt that I cannot due the edit and to check my video tracks. I am trying to slow down the speed of the LiveType graphic clip and it does not seem to be working. Anyone have any ideas on how I can solve these two problems? Thanks.

You slow down the LT animation inside the LT project. Stretch out the animation and make the text longer. Import the LT project inti FCE and drag it from the browser into the timeline onto the track above your video.

HT201401 cam works but not video? When turn camra on it takes photos but wont switch over to video when tap video switch?

4s wont switch over to video when camra on? Takes photos fine but wont switch over to video?

Hi tangier,
Welcome to the Support Communities!
The article below may be able to help you with this. Click on the link to see more details and screenshots.
Take photos and videos - iPhone
http://help.apple.com/iphone/7/#/iph1e767793c
Choose a mode. Drag the screen left or right to choose, Video, Photo, Square, or Pano.
Cheers,
- Judy

Premier Elements 7 - confusion over mixing video formats

Hi
I have been using a DV camcorder (SD quality) for some time, originally recording in 4:3 format, and more recently in 16:9 format (as we bought a wide screen telly).
I have just treated myself to a new AVCHD Panasonic video recorder recording High Definition footage in 1080 16:9 PAL format onto an SD memory card.
I wanted to take all this footage and put it on my computer to edit it together and start making some films to keep for the future - on DVD for now, and at some point on Blue Ray. To this end I have just purchased Adobe Premier Element 7.0, with Photoshop Elements 7.0 bundled together.
My confusion is that it appears I can only use one format in a "project" as I need to define the parameters for the "project" in terms of SD vs HD and 4:3 vs 16:9. I was hoping to be able to store all of my footage of various quality definitions and screen ratils into a "library" (which I see is called "Organiser" in Adobe terms) on the hard disk, and then pick and choose from the "library" what to put into each "film project" as I make them, mixing formats as I wish. I realise that in this way, the output would itself switch from 3:4 to 16:9 etc on accasions as I switch scene to use a different format, and so may not appear to be the smoothest edit.... but I thought that would be my decision to do if I wanted it. Instead it appears I cannot mix a few minutes if 4:3 SD footage of my son as a baby, with more recent 16:9 1080 HD footage of him as a boy - which is a real shame as it is what I wanted to do....
Have I misunderstood, or am I right in thinking I am limited in this way?
Why can I mix still photos of any format with video , but not mix different formats of PAL video?
Many thanks

Thanks Paul
I have been having go, as you suggest, and as you said, I cannot edit my AVCHD footage in Scene mode as it has 5.1 audio (which I cannot change on the videocam) This is very disappointing as I really wanted the simplicity of the scene editing rather than timeline.... This is compounded by the fact that timeline editing seems even more complicated than normal as each new AVCHD clip I add is placed onto a different video track (not all on track 4 as you thought)- so it is real mess to work out on my screen.... Is this a bug, the way PRE treats 5.1 tracks - or is it just oversight and poor design? Do you think it might be addressed by Adobe?
Anyhow, thanks for explaining what is going on, as without your warning, I would have assumed that the PRE 7 sceneline feature was broken - you would have thought there would be some warning / documentation from Adobe about this, as effectively, a big feature is now unavailable to me as an AVCHD user - and the product claims to be compatible with AVCHD!
Would you be able to advise on a couple more of my "newbie" file format questions?
How do the settings work between setting the initial PROJECT format, and then choosing the various OUTPUT (sharing) settings. For example, if I want to edit a project using AVCHD clips only, and output it to DVD quality to watch on a PC or burn to DVD disk, do I get the same thing if I set the project setting to PAL AVCHD High Def 1080 5.1 and then the share setting to DVD quality output, as I would if I set the project settings to DV 48hz and the share setting to DVD quality output?
My ideal would be to retain the High Definition of the footage through the editing process and then be able to output to DVD quality now, but to be able to come back to the finished edited project in the future and choose to output it to Blueray when I have upgraded my TV and bought a blueray player. i.e. I am trying to make my filming and edited projects a bit futureproof....
Finally, I am just not up enough on all the different format lingos (Mpeg1, MPeg2, H.116 etc) to know what I should be choosing from the list for:
1) outputting edited footage to burn onto a DVD to be used on a DVD player
2) outputting edited footage to save onto a PC to view in the best possible quality on a PC
Do you know?
Many thanks

Putting Text over a video is not working

O.K. I follow the instructions on putting text over a video (for iMovie 11), but every time I do this all I see is a black screen with the text in it. I can't get the video to show up when I preview/play the video. I have the same problem when trying to use the green screen feature as well. Is there a setting or something that I need to change in iMovie? If so what/where is it, because I am at my "witts end" trying to find it?

I would suggest trashing the iMovie Preferences file. Instructions are here. (You should not need to trash the iApps preferences, just the iMovie one.)
https://discussions.apple.com/docs/DOC-4061

How can I edit a still image so that I can float it over the video?

I would like to edit a still image so that I can float it over the video - How would I save the image in Photoshop so that just the image and not the background can be imported into Final Cut and the footage behind it still shows up?
Thanks

You need to either create an Alpha channel or cut out the area of interest and paste it into a transparent Photoshop document. You can save the former as PSD, TIFF or PNG. Save the latter as TIFF with transparency enabled (shows up in TIFF Options at step 2 of the save dialog).

What is the Best Power MAC G5 for Graphic Design and Video Edit

I need the Best Power MAC G5 Processor CPU
and Ram HDD Graphic card for Graphic Design and Video Edit
and the name of the Processor
how much the price

Hi GabreilKnight;
You are aware that the PowerMac G5 is no longer being produced hence if you find one it will be on the used market?
For what you are looking at doing I would suggest that you consider a Mac Pro instead.
Allan

Placing graphics OVER a video in iWeb?

Similar Messages

Maybe you are looking for