Vimeo Embed Question

Hello,
Okay, so I have a vimeo movie I embedded on my web page through iWeb. I simply paste the embed code into an HTML snippet. I want to know why my video is 16x9 but is appearing on my web page as a letterboxed 4x3?
Here is the vimeo video: http://www.vimeo.com/12192211
And this is how it appears on my web page: www.joehubbard.net
Can someone please tell me how to make it appear on my page the same way it appears on the vimeo page (without the black bars). Thanks!
Joe

The embed code is 400 x 225. You made it 400x300.

Similar Messages

Flash video embed question

I'm using "insert flash video" in DW8. I noticed that it puts
the skin and progressive swf files in the same folder as the page.
I'd like to move these files to a different folder. I was hoping I
could just do the "drag and drop" and it would update all the files
to know what has been moved. But that didn't seem to work. Any idea
if you can have the other files in a different folder? Does any one
know what code would need to be changed so it knows the new path?
Thanks for any help you can provide me.

Here is what the page looks like...
http://www.margostern.com/extras_sucker.html
You will notice the flash .swf movie plays but it doesn't
include the skin
anywhere in the movie to control it... Why is this? Maybe
someone could
look at the HTML code and figure out what I'm doing wrong for
me?
Best Regards,
Chris Jumonville
"Chris Jumonville" <[email protected]> wrote in
message
news:elr3h0$bj3$[email protected]..
>I have a simple question. I am trying to embed a flash
video in my HTML
>page and I used Flash 8 to import the video with the
wizard and it created
>my .mov file to a .flv file and it also created a .swf
file of the movie as
>well. I selected to use one of the default movie player
skins in the
>wizard so it also exported a .swf file for the skin as
well. I'm wondering
>now how I embed it in my HTML using Dreamweaver 8 or
basically what is the
>HTML code I need to insert to get it to embed the video.
I got it to embed
>alright in Dreamweaver but it just has a black empty
space where the skin
>is supposed to be...
>
> --
> Best Regards,
>
> Chris Jumonville
>

Vimeo Embed - Remove Black Bars Top and Bottom

I have used the Vimeo widget to embed videos on my Adobe Muse site. I am using BC as the hosting platform.
A black bar is showing up on all my videos on the top and bottom. The videos are 1280x720p. In the vimeo website preview this is not happening so I am thinking this is a result of the Vimeo Widget settings in Muse. It does not matter how big or small I make the widget box, this happens.
I can't find anywhere in Firebug that gives me the ability to alter the padding or margin to edit this.
http://www.monkeymindmeditation.ca/joy-of-meditation-level-one-day-one-promo.html
Any ideas?
Sean

If anyone else has this problem here is the solution I came up with:
CSS (can be inline or linked to stylesheet)
.video-wrapper {
position: relative;
padding-bottom: 54.1%;
padding-top: 2.2%;
height: 0;
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
HTML
<div class="embed-vimeo ">
<div class="video-wrapper">
<iframe src="//player.vimeo.com/video/xxxxxxxx" height="335" width="505" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
Sean

H.264 Vimeo Export Questions

Hello,
I exported a H.264 according to Vimeo's guidelines ( Compression Tutorials on Vimeo ) for Premiere Pro CC. I'm a bit dissapointed in the quality of the export - contrast is down, midtones are brighter, a noticeable loss of detail and added noise. I'm coming from 10 Bit DPX and understand there is a big difference, but I was wondering if anyone could give me some pointers in regards to exporting via Premiere. This is the first project I've cut with it.
Should I use Media Encoder instead or is that essentially the same? Any pointers much appreciated.
Thanks!

Hi Dave,
Thanks for the response. We were using both quicktime and Vimeo to compare image quality.
The source footage is BMCC RAW and to retain as much image quality I rendered to DPX from Resolve after the grade and brought the image sequences into Premiere.
There is some quality lost between Resolve and Premiere but the difference between Premiere Pro CC 2014 and Vimeo is significant.
I'll do a comparison inside Premiere to double check.

Embed question - play one movie after another

I am trying to figure out how to play a short 10 second clip before each movie on my website. The clip may be a short ad or a promo and will depend upon the content of the main video. What is the code that enables you to play one move after another in a web page. I don't want to edit the two clips to become one cos over time the ads and promos will change. In Realplayer I remember using SMIL but how is it done in QT. I will eventually write code to write out the Embed tag but now i am just experimenting. Here is what my drupal site puts out



<object type="video/quicktime" width="483" height="381"
data="http://www.1234567.com/files/videos/Mpeg4TestSnapX-480x360.mp4">


<param name="src" value="http://www.1234567.com/files/videos/Mpeg4TestSnapX-480x360.mp4" />
<param name="AUTOPLAY" value="true" />
<param name="KIOSKMODE" value="false" />
Your browser is not able to display this multimedia content.
</object>
Problems viewing videos?
Download latest Quicktime Player

Embed the initial movie clip as normal, but give it an HREF property.
Set the source for the HREF to be the next movie, set autohref=true, and set target="myself". It's the same technique you use to build a poster movie but (a) instead of having the poster movie open QT Player, you have its target open in its own frame and (b) instead of waiting for a user to click the poster, you have the poster movie "click itself".
Code that I used a very long time ago to display a "Loading..." graphic as a movie loaded (waste of effort, actually, as the movie is fast start and loads very fast):
<embed
src="loading.mov"
height="208"
width="256"
autohref="true"
href="Worm.mov"
target="Myself">
</embed>
(of course this was before I learned about OBJECT and the need to use OBJECT to activate the ActiveX control in IE. Also, it's worth noting that the javascript hack isn't strictly necessary for IE users, but without it, IE users will get a security dialog before they get the movie.)
The code above can be found on:
http://capital2.capital.edu/admin-staff/dalthoff/adventures/worm.html
--Dave Althoff, Jr.

Non-DME live event - Embed question

Hello Netpros,
Is there any chance to receive the embed code (as in the VoD) for the non-dme live events?
I have tried to manipulate the embed code from a random VoD and i have replaced the ccsid url to the one of the desired non-dme live event. Then, i have embedded this code to wepage, the player is visible but the stream is not.
Maybe the only way is to use a 3rd party video player when embedding non-dme events?
Any thoughts?
Thank you

RD,
Lets step back a little and get some more details:
* What type of DME are you using?
* What is connected to the DME providing the LIVE stream?
* Specifically, how do you have the DME configured for your setup?
* Please provide the SCREEN CAPTUREs of your DME configuration on
the SNS
* Have you configured a "Basic" configuration (single channel\port only) on the DME
and SNS with 5.2.1 and have it working? Have you ever got the DME working with SnS 5.2.1
Thanks!
T.

Custom Flashplayer embed questions

I am currently working on a custom flash player. After
working on several working versions where I simply used
actionscript to delegate the actions of my custom player.
I am now working on a more dynamic ready flashplayer that
will need to be embeddable. Should I make a .swf specificaly for
the player using the flash player SkinFLA examples as an outline?
The idea is to have a player that embeds like youtube, any
suggestions or tutorials to look over? Also, this player needs to
have playlist functionality, but it needs to be able to scope to
anyone. I could have users register and then create an XML that
references their playlist, but it seems like there may be better
options. Just looking for some discussion and debate over player
best-practices....

If your custom device is an inline custom device you may update only dedicated channels per iteration.
In case of a asynchronous (parallel) custom device, you are forced to write always the entire stack of channels no matter what happend to the values. (if none of the values have changed, then it is ok to not call the FIFO Write function).
The FIFO Write doesn't cause a huge overhead.
You can easily benchmark that yourself though.
Tom
http://www.newgistics.com

Embed question

http://clerccenter.gallaudet.edu/videotest.html
please go to the above page and scroll down. you'll see the
embedded movie. i can't seem to figure out why the player controls
are not showing underneath the video window. this same video can be
seen with controls at:
http://clerccenter.gallaudet.edu/worldaroundyou/2006%2D10/aimee-walker-pond.html
any idea why the controller isn't showing up in the first
link? thanks.

Deaf Mike wrote:
>
http://clerccenter.gallaudet.edu/videotest.html
>
> please go to the above page and scroll down. you'll see
the embedded movie.
> i can't seem to figure out why the player controls are
not showing underneath
> the video window. this same video can be seen with
controls at:
>
>
>
http://clerccenter.gallaudet.edu/worldaroundyou/2006%2D10/aimee-walker-pond.html
>
> any idea why the controller isn't showing up in the
first link? thanks.
>
the video is using an external skin swf file that displays
the controls; you can see the skin there:
http://clerccenter.gallaudet.edu/worldaroundyou/2006%2D10/SteelExternalAll.swf
The skin is linked to the movie from within the movie
actionscript.
You don't have that skin file on your site, hence the
controls are not showing.
If you have Flash version 8, you can create the same skin by
importing any quicktime video in Flash
(preferably a small one, that will save you some time), and
choosing the following skin:
SteelExternalAll.swf
(that's the skin they're using).
Flash will generate the skin file. Then just upload
SteelExternalAll.swf to your server, in the same
directory your movie is.
seb ( [email protected])
http://webtrans1.com | high-end web
design
An Ingenious WebSite Builder:
http://sitelander.com

Fixed Layout ePub - please help me embed video and/or use Folio overlay with web content

Hi
I have an In Design file used to create a print book (11"x11") and have decided to use CC 2014 to create a fixed-layout ePub 3 for a digital version. I converted the book over with minor issues of having to change the font and it looks beautiful.
I would like to add videos at the end of the book to take advantage of the flexibility of the digital format. I create a year-end slideshow of my photos and host them on Vimeo.
I have tried the following:
Using the Vimeo standard embed code in an HTML element
Using the old flash Vimeo embed code and converting to HTML - worked great on iBooks on Mac but not on iPhone/iPad as flash-based
Hosting and linking to videos on my own web server and using the Media - insert video link to the mp4 file
Hosting and linking to videos on my old photo server at smugmug.com
I can embed the actual videos but, at their smallest size they increase the file size of the ePub from 78MB to 400MB...
I then thought I would use a Folio Overlay - Web Content.
The idea is to use this blank page on my website which would look for all intents and purposes like another white page in the book - 2012 Slideshow - Oren Photography
The overlay works in Folio Preview but not when exported as an ePub
Is this a limitation of the ePub format?
Any help/advice/suggestions on fixing this are greatly appreciated.
E

Thanks again Steve and Bill
My interest in embedding videos was largely to minimize the final file size and amount of space used on each person's device. I ended up following your advice about using Adobe Media Encoder to minimize the size of each slideshow but it still increased the final ePub from 65 MB to over 200 MB. And that was with video quality that was far inferior from what I could offer through an embed or, my final solution, a link out to my website.
I happen to be of the same thought as Bill that most people are now connected to the internet and would favor a smaller file with access to online content over a very large file. I would have liked to embed the videos and allow 720p quality inside the ePub over the link I ended up settling for.
E

Is there a way to prevent all objects being responsive in a responsive project? (Max W doesn't do anything?)

Hi
I'm making a responsive Edge animate scene, which has a Vimeo video embedded inside, and will have images animated in front of and behind the video player for added wow actors. So far so good...
The problem is I would like the player to remain at a fixed scale (500 x 281) ...
Once that's working I'd like to also control over a few images in the scene as to whether they're responsive or not.
I've tried setting a Min and Max width to my container in which the Vimeo Embed code is being run but they don't stop the rectangle scaling at all.
Here's my example test project:
Dropbox - Edge02.zip
I'm adding the final code to Wordpress using the Wordpress plugin called 'Edge Suite' (Developer version) which is mentioned in an Adobe tutorial.
Also for reference.
Here's a site who have achieved exactly what I looking to do... Notice how the boatson the foreground layer are on a fixed scale and position. The embedded vimeo video a fixed scale but always centered. The mountains fully responsive position.
Any ideas on how they've implemented this are welcome...but obviously understand if that is beyond the scope of the Adobe forum.

Ok I see we can't post weblink... handy...
The website I referred to that has achieved this is Kasra Design.
You don't need to look at it to help, just point in the right direction to stop an individual object being responsive.

Page looks different in Preview and Browser

I am using the Acordion Widget on the left hand side of my page and have inserted video from a third party to the right side.
When I click "PREVIEW", I see the page displayed as in the top image. When I click "PREVIEW PAGE IN BROWSER", it shows up as in the bottom image, which, by the way, is the way I designed it to look. Is there a reason for this discrepancy and which should I trust more? I'm not ready to publish yet, so how can I check it in a real world environment?
I'm losing the top and bottom "bookend" images around the Acordion Widget as well as the bottom button. And the video window and text are skewed off to the right.
Please help.
Louis

Abhishek,
Here is the code for the vimeo embed, plus some lines of code preceding it. This extra code contins the info for the graphic which is missing in the "PREVIEW" window.
<p>With a combined 40+ years of experience, the team of voice actors at L2Images has lent their talents to live and recorded radio and television productions around the country. With male and female voices in a variety of dialects and accents, we can bring your copy to life.</p>
        </div>
       </div>
      </li>
     </ul>
     <div class="colelem" id="u4226">
      <img id="u4226_img" src="images/filmstripbottom.gif" alt="" width="286" height="165"/>
     </div>
    </div>
    <div class="clearfix grpelem" id="pu538">
     <div class="colelem" id="u538">
      <iframe src="http://player.vimeo.com/video/41079915?title=0&byline=0&portrait=0&color=cebb2 f" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
     <div class="clearfix colelem" id="u92-7">
      <p><span id="u92">L2Images provides the finest in commercial photography and videography at affordable rates. </span></p>
      <p> </p>
      <p><span id="u92-4">Contact us for your corporate videos, commercial production and image spots. We also specialize in legal video work.</span></p>
     </div>
    </div>
   </div>
I hope this helps.
Louis

Video You tube

how to embed a YouTube video into a container in Adobe Edge
thank you very much

Hey nestormontoya,
All you need to do is paste the following code into your compositionReady which can be found in the Stage Actions Code Panel:
//make sure you have a container named vContainer, also in this case I used the vimeo embed code but it should work for YouTube as well. Just go to YouTube, find the video you want and click the share button then copy the embed code and past it below into your 'src'
// insert code for mouse click here
var youtubevid = $("<iframe/>");
sym.$("vContainer").empty().append(youtubevid);
youtubevid.attr('type','text/html');
youtubevid.attr('width','600');
youtubevid.attr('height','338');
youtubevid.attr('src','http://player.vimeo.com/video/50560219?title=0&byline=0&portrait=0&badge=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p><a href="http://vimeo.com/50560219">Intro to AT&T AdWorks</a> from <a href="http://vimeo.com/adamperlis">Adam Perlis</a> on <a href="http://vimeo.com">Vimeo</a>.</p>'); // url/Video_Id
youtubevid.attr('frameborder','0'); // 1 | 0
youtubevid.attr('allowfullscreen','0'); // 1 | 0
youtubevid.attr('preload','auto');
Adam

Pixelation in preview and browser are different.

When viewing my web page in the preview it all looks fine but when I view it in the browser some of the files look bitmapped oven though they have both been generated in the same way.
I have tried making the png's at 100% and 200% to see if that would make a difference and it does not. I am now at a loss and need to publish my site asap. This is driving me nuts!
Please help me.
Jon

Abhishek,
Here is the code for the vimeo embed, plus some lines of code preceding it. This extra code contins the info for the graphic which is missing in the "PREVIEW" window.
<p>With a combined 40+ years of experience, the team of voice actors at L2Images has lent their talents to live and recorded radio and television productions around the country. With male and female voices in a variety of dialects and accents, we can bring your copy to life.</p>
        </div>
       </div>
      </li>
     </ul>
     <div class="colelem" id="u4226">
      <img id="u4226_img" src="images/filmstripbottom.gif" alt="" width="286" height="165"/>
     </div>
    </div>
    <div class="clearfix grpelem" id="pu538">
     <div class="colelem" id="u538">
      <iframe src="http://player.vimeo.com/video/41079915?title=0&byline=0&portrait=0&color=cebb2 f" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
     <div class="clearfix colelem" id="u92-7">
      <p><span id="u92">L2Images provides the finest in commercial photography and videography at affordable rates. </span></p>
      <p> </p>
      <p><span id="u92-4">Contact us for your corporate videos, commercial production and image spots. We also specialize in legal video work.</span></p>
     </div>
    </div>
   </div>
I hope this helps.
Louis

Issues with Video Lightbox Gallery from Muse Exchange...

I've been trying to customize the Video Lightbox Gallery from the exchange, Video Gallery Lightbox | Exchange | Adobe Muse CC
I'm using embed codes from Vimeo. My first issue was that when I replace the placeholder embed code with my Vimeo code, the frame size is considerably smaller. From Vimeo it is 500x281 and in the widget it is 700x396. So I changed the frame size in my Vimeo embed and that seemed to work. Now, though, when a preview the page it plays fine in the window, but when I enter full screen and then escape from that while the video is playing to go back the smaller window, it jumps up so far up the screen it is off the page... It doesn't happen with the placeholder video and the only difference I can see is that it's from YouTube and mine is from Vimeo. I haven't change any of the settings except for the embed code. Can anyone help me with this?

I wanted to add that I am using on one page design and I have multiple video galleries further down the page. What I've noticed is that no matter which thumbnail I play and enter into full screen, when I hit escape, that window jumps all the way to the top instead of staying locked to where is originated. Again, it doesn't do it with the placeholder video, only when I replace it with my embed codes from Vimeo. This is very frustrating because I am so close to finishing and this issue is holding me up. I've searched and searched and cannot find the answer... is there anyone who can help, please?

Embed vimeo videos in flash site

hello i have bought a flash site template.
I have been updating the site by way of .xml in dreamweaver.
is there a way i can embed vimeo videos through the .xml file?
thanks,
Ryan

Hi
thanks for your reply. I am not sure really how should I
classify the videos I am taking about but let me try to explain...
You might have seen NIKE websites about football and
merchandise etc. On those website you will find a footballer
playing with foot ball or if you have seen a site of an energy
drink where there are few dancers, you need to answer few questions
to get to the dance movie of a dancer.
What I want to do is that I want to design a 3D environment
for my flash website where I want to show some people working in
office in a section of the site. For that I will make a video with
my digital camera and will use it in the site. Similarly I want to
show my own videos merged with the website design. So it sounds
like I am acting within the wesite design environment.
I hope I am clear enough now..

Vimeo Embed Question

Similar Messages

Maybe you are looking for