Trying to place an image before a video starts

I have a very preliminary website with some flash and video. It passes the validator. The flash and video work but the video software isn't able to show any of the video until someone presses the play button - it just shows a black box.
According to the video software provider, their player can't show a preview image. I wonder if it's possible to "overlay" an image with the same div, then have it disappear or move to the background when the play button is clicked.
Failing that, does anyone know of a similar program which can insert a video easily into Dreamweaver? The one I'm using was cheap and easy but if it can't/won't do what I need it's a waste of time and effort.
For some reason I can't paste the code...

I don't think the suggested method (<div> background image) will work with the example Web page video you linked to.... here is why...
Inside the <div> is code for a special Windows Media Player... (not a very good choice by the way)... meaning that the <div class="videobox"> has content (the video player) which will cover over the background image.... leaving the black box and some controls showing.
Code also contains an IE conditional statement and nothing in the
<!--[if !IE]>
so nothing displays in FF.... nix all that player code and use something else.
A better route (in my opinion) would be to first choose a better video type than mpeg (better compression and quality per file size)... choose an mp4 for example.
Now you have a much wider range of player options.
For example:
http://flowplayer.org/
http://www.pickleplayer.com/
http://www.longtailvideo.com/players
Any of these players plus an mp4 file would be much better than your current choice. They all support a "poster frame"... or image that displays before the video starts.
If you need to convert mpeg to mp4, Handbrake does a good job:
http://handbrake.fr/
Best wishes,
Adninjastrator

Similar Messages

How can I show an image before my animation starts playing

Hey there!
First of all, great work on making Adobe Edge...! I can see real potential in the use of this program!
I have started to work on an animation which will work as a splash-screen before the users see the actual site. (Yes I know... but the client wants it like this...)
The problem I have now is that the animation plays after a few seconds and that during these seconds it shows the content of the website. Besides that I still find it pretty difficult to actually position the animation the way I want.
I am using a plug-in for wordpress so I might not be in the right place to find help.
I tried fixing this with a pre-loader but this is also too slow. Is there any way I can force the animation to play sooner or to make sure they can't see the content before the animation has played?
You can find the concept of the website on: www.appyourservice.nl/concept/Jack.
Any help is appreciated.
Cheers,
Dominic

For sure,
It's also in my reply above. What I did is add an other div to my website which overlaying the complete content.
Then you add in the animation a line to hide this div before the animation starts playing like so:
So add this to the stage in "CompositionReady" --> jQuery("#div").hide();
This will make sure that the animations hides the div before playing so you will see first only the overlaying div and once the animation is ready to play, this div will hide and the animation will start.
Hope this helps.
Cheers,
Dominic

I am trying to place a image in Live Cycle and it comes up as a broken box (?). Other images that ar

Please See title

Hi,
LC Designer has limited support for image files. Generally I would stick with JPEG or PNG. It you are trying to being in an image with transparencies, then it will need to be saved for the web and 8-bit PNG.
Also the colour space of the original image will need to be RGB, not CMYK.
Once you have the image file sorted, the only way to reliably to bring it into Designer, is to drag an Image object (or ImageField object) onto the page and then use the link to set the content of the image object. You do not need to embed the image, unless you are developing the form with other developers who would not have access to the image.
Example here: http://assure.ly/mcFrC6.
Hope that helps,
Niall

Preloader only fills 1/2 way before the video starts

I am very new to Flash CS4, however I was able to create a preloader with help from a Dan Carr tutorial.
Here is my source:
import fl.video.*;
import fl.controls.ProgressBarMode;
// Set Variables
var flvControl = display;
var flvSource = "op.flv";
// Create event handler functions to control the progressbar
function progressHandler(event:VideoProgressEvent):void
   var bl = Math.round(event.bytesLoaded/1000);
   var bt = Math.round(event.bytesTotal/1000);
   // Update progress...
   pb.setProgress(bl,bt);
function readyHandler(event:VideoEvent):void
   // Remove progressbar when we start playing...
   removeChild(pb);
// Set progress bar state
pb.mode = ProgressBarMode.MANUAL;
pb.indeterminate = false;
// Add listeners and load the video
flvControl.addEventListener(VideoProgressEvent.PROGRESS, progressHandler);
flvControl.addEventListener(VideoEvent.READY, readyHandler);
flvControl.source = flvSource;
Here is an example of the video:
http://orthopreferred.us/test/ortho/op1.html
The movie loads and plays but the preloader only loads part of the way. How would I go about having the preloader progress bar load all the way then have the movie start?
Thanks!

I have tried your code change and the progress bar still does not completely load. It goes just a bit the the video appears.
I edited the fla to this (see bold):
import fl.video.*;
import fl.controls.ProgressBarMode;
// Set Variables
var flvControl = display;
var flvSource = "op.flv";
// Create event handler functions to control the progressbar
function progressHandler(event:VideoProgressEvent):void
   var bl = Math.round(event.bytesLoaded/1000);
   var bt = Math.round(event.bytesTotal/1000);
   // Update progress...
   pb.setProgress(bl,bt);
function readyHandler(event:VideoEvent):void
   // Remove progressbar when we start playing...
   removeChild(pb);
// Set progress bar state
pb.mode = ProgressBarMode.MANUAL;
pb.indeterminate = false;
// Add listeners and load the video
flvControl.autoPlay=false;
flvControl.addEventListener(VideoProgressEvent.PROGRESS, progressHandler);
flvControl.addEventListener(VideoEvent.READY, readyHandler);
flvControl.source = flvSource;
flvControl.play();
//end
Progress bar barely moves then the movie appears and plays.
See example: http://orthopreferred.us/test/ortho/op1.html
My fla can be downloaded here: http://orthopreferred.us/test/ortho/op1.fla

How to add a Title (slide? screen?) BEFORE the video track

Hello,
I'm very new to Adobe Premiere Pro and I'm trying to figure out how to add a title to my project but I don't want the title on the start of the video in the sequence. I'd like to add it to a black screen, maybe with some transition effects, that will play prior to the video starting. Do I need to create a black image in CS and add it as a still and just add the title to the still which I can position before the video/audio track A starts?
I'm hoping that there's something I can do right within Premiere that will give me a place to put the title before my video starts. I didn't see an option to add a blank slide or something to that effect that I can add title to.
thanks for your assistance!
The more I learn the more excited I get, this software is great.

Thanks for the link.. like I said in my post, I'm brand new to the software and I've been watching and following guides for hours. Time is not on my side, I have a project that must be done by the end of this week and I have very limited time after work.
So when I have the head at the begining of my main track and click INSERT in the source monitor window it inserts a duplicate of the entire video so I have TWO videos in my sequence. This is clearly not what I'm wanting so I'm assuming that there's something I'm missing. I've searched google but don't see anything.
I'm just looking to add a black, blank screen that I can add a title to before my video begins. I realize this may be rudamentary to season vets but as I said, I'm very new and trying to learn this all quickly and I would really appreciate if someone could point me directly to some information about it. I'm not afraid to read and learn, hell I love it, but I'm pressed for time so someone just telling me, "go learn the software" with a link to a huge FAQ, doesn't really help me.
I've already learned a ton from some great guides but I have yet to have anyone indicate how to add extra footage (be it a still or blank video) directly from Premiere Pro.
Thank you all for your time!
EDIT: I think I figured it out... I just bumped the start of the main track up about 10 seconds and I added new item "Black Screen" right in front of it. I will add the title to this. Thanks all.

How to place raster images as smart objects?

I'm trying to duplicate Photoshop's File:Place menu functionality and I'm experiencing something that I can't figure out. (I've added my code to the end of this message.)
I have a variety of test EPS images that I can run through the File:Place menu. They all appear on the document as "Smart Objects". That is I can then do a bunch of transforms to the image (like rotate, move, deform) before committing to the image to the document.
The important point here is that some images, when opened by Photoshop, first ask that I "Rasterize EPS Format" while others just open up without comment.
While doing these File:Place actions, I've been using the Listener plugin that comes with the SDK to generate code dumps of my actions. From these I've then generated my own code for placing images onto a document. I've had to re-arrange the code a bit to work in Objective-C so there's a good chance that I've done something wrong while translating.
Now if you look at my code you notice a commented out section. If you uncomment those lines then you basically have what I got from the Listener plugin log. But the problem is that this code then doesn't act like the File:Place menu action. It creates a new layer, places the image on the page - but its gone one step too far and the image is no longer a "Smart Object". The image is committed to the layer.
With a bit of experimenting I commented out the line that you can see commented out in my code. However, this does something odd. For all images you can see Photoshop put up a busy icon for a few seconds showing that it is process, but only images that Photoshop wants to "Rasterize EPS Format" actually appear on the page as Smart Objects. Trying to place the images that Photoshop doesn't rasterize results in nothing appearing.
That's my problem. If I uncomment that line in my code then all images that I test with appear on the page - but not as Smart Objects. If I comment out the code then only images that Photoshop wants to rasterize appear - but those that do appear then appear as Smart Objects.
So that's my goal: to place any image onto a document as a Smart Object just like Photoshop's File:Place menu command does. Any ideas where I'm going wrong?
- (SPErr)photoshopPlayeventPlace:(char *)cPath
PIActionDescriptor result = NULL;
Auto_Desc descriptor;
Auto_Desc offsetDetails;
SPErr error = kSPNoError;
Handle aliasValue = NULL;
FullPathToAlias(cPath, aliasValue);
do
error = sPSActionDescriptor->PutAlias(descriptor.get(), keyNull, aliasValue);
if (error) break;
// error = sPSActionDescriptor->PutEnumerated(descriptor.get(), keyFreeTransformCenterState, typeQuadCenterState, enumQCSAverage);
// if (error) break;
error = sPSActionDescriptor->PutUnitFloat(offsetDetails.get(), keyHorizontal, unitDistance, 0);
if (error) break;
error = sPSActionDescriptor->PutUnitFloat(offsetDetails.get(), keyVertical, unitDistance, 0);
if (error) break;
error = sPSActionDescriptor->PutObject(descriptor.get(), keyOffset, classOffset, offsetDetails.get());
if (error) break;
error = sPSActionControl->Play(&result, eventPlace, descriptor.get(), plugInDialogSilent);
if (error) break;
while (false);
if (result != NULL) sPSActionDescriptor->Free(result);
if (aliasValue != NULL) sPSHandle->Dispose(aliasValue);
return error;

If you want to go with Batch I would recommend creating an Action of more or less these steps:
• set the resolution to the same as the background image’s
• change the image from Background Layer to regular Layer if necessary
• convert it to a Smart Object
• add a Drop Shadow Layer Style to the image (do not use Global Angle)
• place the background image (File > Place …)
• move it behind the image layer
• Image > Reveal All
• make Selection from that layer’s transparency (cmd-click its icon in the Layers Panel) and use Image > Crop
• select and transform the image layer to fit the intended position
This would naturally work out best if the images had the same size and proportions.
For the reflection on the floor duplicate the image, flip it vertically, move it in position and reduce its opacity to maybe 10%.
Realistically you may have to hide it partially behind the pillows, a Vector Mask would be an option.

Parsable formats only when trying to Place...

Good day! My co-worker is having an issue with Photoshop (CS3) on her hardrive. Recurringly, she has had a problem when trying to "Place" an image from her desktop into a new Photoshop file she is working on. It is not allowing her to Place jpegs or others. It is only allowing what it calls "Parsable Objects" (pdf, psd and a few others). I have the same program on my computer and have NEVER had this issue. We fixed it once by re-installing the program, but now it is "stuck" again, and re-installing is too time consuming and inefficient. Any ideas what may be causing this and/or how to fix it more reasonably??? Thanks so much!

Do the computers have the same amount of resources (memory, disk space, etc.)?
Well, you could carefully check the Edit - Preferences dialogs for differences. Assuming the machines have the same amount of memory, you'll want to review the memory settings to ensure she's giving her Photoshop enough space in which to work.
Can you describe the exact sequence she's going through (e.g., dragging file from here to there, or using Edit - Place, etc.).
I'm happy to help, but I'm kind of grasping at generalities that could affect things because I have not seen this problem myself.
-Noel

Photoshop Crop won't complete when trying to crop an image.

Photoshop Crop won't complete when trying to crop an image. This just started a couple of days ago and I can't figure out what's going on with it. This happens in Photoshop CS6 and CC, Anyone have a clue what I need to do?

Here is doc. on various cropping options. http://helpx.adobe.com/photoshop/kb/advanced-cropping-resizing-resampling-photoshop.html
Note that if you change resolution and you resample image you basically have to rebuild all the pixels. But seems like it should take just a few seconds. Are you asking it to do something that is not possible with image? Like a height of 500 inches rather than 500 pixels?

First Play at Preview ok, but not working correctly when Video started from DVD

Hello
I created a Project with Encore CS5.1. When i test via the "preview" button (disc symbol) everything works fine.
When i export the Project to a DVD the Video starts directly with the Main Menue although i expect starting with the intro clip. As i said with encore preview everything works fine.
Has anybody an idea how to solve this issue?
Thanks in advance
Rene

Hi Bill and John
Thank you for your feedback.
Attached i'll send you a screen shot of the flow chart and the specs.
I just created a new project with only the "Vorspann - Trailer" and the Main Menue. All other links are not created yet.
With the preview everything is ok but if i create an image the video starts directly with the Main Menue.
Kind regards and thanks again.
Rene
With preview ok
Crate an image or DVD > video starts with direct play of the main menue

Hiding a preview once video starts playing

I am trying to hide a preview that I inserted with some AS3. The preview works and I use this code to create it.
var preview:Loader = new Loader ();
loadPreview (preview, "gotgame.png");
addChild(movie_flv);
function loadPreview (loader:Loader, previewFile:String) :void {
var u:URLRequest = new URLRequest (previewFile);
loader.load(u);
movie_flv.addChild(loader);
Now I am trying to hide the preview once the video starts playing. I tried the code below that I got from a tutorial but its not working and giving me this error "1046: Type was not found or was not a compile-time constant: VideoEvent." Does anyone see the flaw in my code?
movie_flv.addEventListener(VideoEvent.PLAYING_STAT E_ENTERED, onPlay);
function onPlay(evt:VideoEvent):void {
preview.visible=false;

use:
import flash.video.VideoEvent;

Adobe Illustrator and InDesign CS5 crash when trying to place images. Happens around 5+ times a day.

Hi there
This Mac is quite new and was originally a migration (using Migration Assistant) from an older Mac.
Illustrator and InDesign in CS5 were both crashing often and most of the time it's when placing an image (in either application) – it doesn't crash each time I try to place an image, but 90% of the crashes are when placing an image.
We tried lots of things, like cleaning out the fonts, clearing font caches etc. After several months of that, we decided to wipe the Mac clean and start from scratch. It has been reformatted with a clean install of the OS and only minimal additional software added. Although quite a few fonts have been reinstalled, they all validate in Font Book.
One other thing of note is that the Adobe Updater fails to complete an update and so we have had to update each application manually from the Adobe website.
I would be so grateful someone could help shed some light on what is going on. Here's an EtreCheck report. Can also provide crash reports from the Console if useful.
Thanks!
EtreCheck version: 2.0.6 (91)
Report generated 28 October 2014 13:33:49 GMT
Hardware Information: ℹ️
    iMac (21.5-inch, Late 2013) (Verified)
    iMac - model: iMac14,1
    1 2.7 GHz Intel Core i5 CPU: 4-core
    8 GB RAM Upgradeable
        BANK 0/DIMM0
            4 GB DDR3 1600 MHz ok
        BANK 1/DIMM0
            4 GB DDR3 1600 MHz ok
    Bluetooth: Good - Handoff/Airdrop2 supported
    Wireless: en1: 802.11 a/b/g/n/ac
Video Information: ℹ️
    Intel Iris Pro -
        S22D300 spdisplays_1080p
        iMac 1920 x 1080
System Software: ℹ️
    OS X 10.9.5 (13F34) - Uptime: one day 4:4:52
Disk Information: ℹ️
    APPLE HDD ST1000LM024 disk0 : (1 TB)
    S.M.A.R.T. Status: Verified
        EFI (disk0s1) <not mounted> : 210 MB
        Macintosh HD (disk0s2) / [Startup]: 999.35 GB (848.81 GB free)
        Recovery HD (disk0s3) <not mounted> [Recovery]: 650 MB
USB Information: ℹ️
    Apple Inc. BRCM20702 Hub
        Apple Inc. Bluetooth USB Host Controller
    Apple Inc. FaceTime HD Camera (Built-in)
    Apple, Inc. Keyboard Hub
        Apple Inc. Apple Keyboard
    EPSON EPSON Scanner
    Apple Inc. MacBook Air SuperDrive
Thunderbolt Information: ℹ️
    Apple Inc. thunderbolt_bus
Gatekeeper: ℹ️
    Mac App Store and identified developers
Launch Agents: ℹ️
    [not loaded]    com.adobe.AAM.Updater-1.0.plist Support
    [loaded]    com.adobe.CS5ServiceManager.plist Support
Launch Daemons: ℹ️
    [loaded]    com.adobe.fpsaud.plist Support
    [invalid?]    com.adobe.SwitchBoard.plist Support
    [running]    com.backblaze.bzserv.plist Support
    [loaded]    com.microsoft.office.licensing.helper.plist Support
User Launch Agents: ℹ️
    [loaded]    com.adobe.AAM.Updater-1.0.plist Support
    [loaded]    com.adobe.ARM.[...].plist Support
    [running]    com.backblaze.bzbmenu.plist Support
    [not loaded]    com.spotify.webhelper.plist Support
User Login Items: ℹ️
    iTunesHelper    Application (/Applications/iTunes.app/Contents/MacOS/iTunesHelper.app)
    MagicPrefs 2 (48)    Application (/Users/[redacted]/.Trash/MagicPrefs 2 (48).app)
    Spotify    Application (/Applications/Spotify.app)
Internet Plug-ins: ℹ️
    FlashPlayer-10.6: Version: 15.0.0.189 - SDK 10.6 Support
    QuickTime Plugin: Version: 7.7.3
    Flash Player: Version: 15.0.0.189 - SDK 10.6 Support
    AdobePDFViewer: Version: 9.5.5 Support
    Default Browser: Version: 537 - SDK 10.9
    SharePointBrowserPlugin: Version: 14.4.4 - SDK 10.6 Support
    JavaAppletPlugin: Version: 14.9.0 - SDK 10.7 Check version
3rd Party Preference Panes: ℹ️
    Backblaze Backup Support
    Flash Player Support
    Growl Support
Time Machine: ℹ️
    Auto backup: YES
    Volumes being backed up:
        Macintosh HD: Disk size: 999.35 GB Disk used: 150.53 GB
    Destinations:
        TimeMachine [Network]
        Total size: 599.66 GB
        Total number of backups: 52
        Oldest backup: 2014-07-03 13:25:07 +0000
        Last backup: 2014-10-28 12:28:22 +0000
        Size of backup disk: Adequate
            Backup size 599.66 GB > (Disk used 150.53 GB X 3)
Top Processes by CPU: ℹ️
         2%    WindowServer
         1%    Adobe Photoshop CS5
         0%    bzfilelist
         0%    bzbmenu
         0%    fontd
Top Processes by Memory: ℹ️
    1.31 GB    Adobe Photoshop CS5
    610 MB    Adobe InDesign CS5
    490 MB    firefox
    292 MB    Finder
    215 MB    WindowServer
Virtual Memory Information: ℹ️
    90 MB    Free RAM
    3.19 GB    Active RAM
    3.28 GB    Inactive RAM
    996 MB    Wired RAM
    10.36 GB    Page-ins
    192 MB    Page-outs

Thanks, I will do.
I posted it here because this is happening on a clean drive/clean install and I have 10 other macs (including some of the same model) all running OS X 10.9.5/Adobe CS5 and not having this problem.

Adobe Illustrator and InDesign CS5 crash when trying to place images.

Hi there
My Mac is quite new and was originally a migration (using Migration Assistant) from an older Mac.
Illustrator and InDesign in CS5 were both crashing often and most of the time it's when placing an image (in either application) – it doesn't crash each time I try to place an image, but 90% of the crashes are when placing an image.
We tried lots of things, like cleaning out the fonts, clearing font caches etc. After several months of that, we decided to wipe the Mac clean and start from scratch. It has been reformatted with a clean install of the OS and only minimal additional software added. Although quite a few fonts have been reinstalled, they all validate in Font Book. I've also done a full Memtest which passed all the test.
One other thing of note is that the Adobe Updater fails to complete an update and so we have had to update each application manually from the Adobe website.
I would be so grateful someone could help shed some light on what is going on. Here's an EtreCheck report – couldn't post it on here for some reason, but I have it on a post in Apple Community Forums, here... https://discussions.apple.com/message/26970885?ac_cid=op123456. Can also provide crash reports from the Console if useful.
Thanks in advance. Any ideas gratefully received – I've run out!
ps. I have 10 colleagues with same OS version and CS5 (some even have the exact same model of Mac). They don't have this issue.

Thanks, I will do.
I posted it here because this is happening on a clean drive/clean install and I have 10 other macs (including some of the same model) all running OS X 10.9.5/Adobe CS5 and not having this problem.

I am trying to create a polygon shape and place an image inside of it.

I am trying to create a polygon shape and place an image inside of it similar to this: http://media-cache-ak0.pinimg.com/originals/1f/47/51/1f4751aeb7c30099e4caf61393990fca.jpg
How do I go about doing it? Thanks!

Hi
You would need to design the image outside of Muse using any image editor like photoshop , where apply polygon frame on top of the image and area outside shape should match the color of the image of page, then insert the image on Muse page, it would be same effect. Currently we cannot create any shape in Muse , but you can try some customization using custom code.
Thanks,
Sanjit

File Place an image brings in a really huge graphic

Hi All,
I have just started using InDesign CS6 and I am trying to place images in between paragraphs of text for a book.
When I place the image it comes in really huge, breaks the text and disappears, so I can't even see the image to reduce its size. Once I find the image, I use the second pointer and ctrl shift to reduce the size of the panel that the picture is in. This panel outline keeps turning brown and hiding part of the picture instead of reducing its size. When I can get the picture panel outline to turn blue, then I can resize the picture.
However I find this process really awkward. Is there a better way to bring a picture into an InDesign document at a small, manageable size?
I find this process with the brown and blue boxes really hard to do, and very hard to understand.
Thanks for your help folks!

It sounds like you're jumping in before you have learned the basics of the program. Maybe you don't feel you have the time, but you will probably waste more time poking around trying to find the answers than you would learning the basics at the beginning. Sandee Cohen's book has been recommended by many people as a good place to start, and you will find videos, from the free ones on YouTube to the subscription videos at Lynda.com and other sources, as there's always the tutorials in the InDesign Help file. I can get you over this little hump, but give my suggestion some consideration.
You can place an object on the pasteboard by not having a text cursor in the text when you place. When the image is ready to be placed, just click somewhere there is nothing and that's where it will make a free-standing image. You can then size the image by using the Selection tool (black arrow) and dragging one of the sides or corners while holding the Command key (Mac OS, probably the Alt key on Windows). If you want the image to resize proportionally, hold the shift and Command before dragging a corner or side. Using the Direct Select (white arrow) will allow you to change the content or the frame (the container) independently, which works well for cropping the image within the container. You can switch between Select and Direct Select by double-clicking on the image, so that might be what's going wrong for you. There is also a circle that appears when you place the cursor over the image, and if you click on it to drag, you move the image inside the frame, but the frame remains stationary (which is another thing that newbies struggle with). Once the image is around the size you want, you can copy it with the Selection tool, switch to the type tool, place the cursor where you want the image to be placed and paste. Also, since InDesign isn't a word processor, you don't need to anchor the image within the text if that isn't what you want. The freestanding image may be placed anywhere you like, and text can be made to wrap around it if you like by going to Window>Text Wrap (wrap is applied to the thing you want to repel the text, so don't apply it to the text itself unless you want the text frame to repel text in other frames).
That's a start, but you will find things much easier once you do a little homework. Good luck, and come on back if you need help, but as with many online forums, the more you try to help yourself, the better treatment you will get from the forum users who might think you want them to do your work for you. Just sayin…

Putting a thumbnail image on a video

I am trying to create an image that will be displayed before
the user plays the video. Is there a way I can do that in Flash? I
have tried to use the component inspector to set the preview value
but that seems to do nothing.

Yes, you can use tiles, but you have to paint that pattern yourself.
http://java.sun.com/docs/books/tutorial/uiswing/14painting/index.html

Trying to place an image before a video starts

Similar Messages

Maybe you are looking for