embeded video w/ images horizontal

rachelcolecannon / 2009-04-23 01:20:59   

Hello!

So I've figured out how to embed a video via vimeo (yay!). Now I want to put a description of the project (which is a .jpg)to the RIGHT of it. I am having a lot of difficulty doing this. When I embed the picture file into the text box where I embedded the video, it shows up directly underneath it. When I upload the picture as an image below, it looks like this. I want it to look like my other projects that are in horizontal format like this one.

Any suggestions?? My buddies in class are even baffled. :(

Rachel

Vaska A / 2009-04-23 01:26:46   

This is hackish but it will work...add this before your Vimeo but be sure you leave a full break after it...

  1. <style type='text/css'>#img-container #text p { width: 832px; }</style>

See how that works - it will override the standard rule. What you are doing here isn't really the best use of the format but the above should make it happen.

rachelcolecannon / 2009-04-23 01:39:19   

It seems to just knock the embedded video 10[ish] pixels down, and the description doesn't move. Did I insert the code correctly? :/ I am quite new to all things coding...

Vaska A / 2009-04-23 01:42:09   

I bet you didn't do a full break...2 returns...after the style line...

Anyways, it's very late over here...I'm off for the evening. ;)

rachelcolecannon / 2009-04-23 17:40:33   

Thank you for responding so late last night!

I still can't get it to work though :( I did a full (two returns) break and it does the same thing: puts the description directly on top of the video. Is there a way to add the video like an image?

Thank you!

(site)

paucc A / 2009-04-25 20:26:36   

Rachel, I like the animation a lot! It makes me think of saul bass.

I did a test on my site with your video and image, and whae the window is wide enough, I can see the image next to the video, because I have the text area set to 90% of the window, so it adapts to it and when the window is small, it falls below.
http://pau.cc/projects/test-vimeo
Maybe if you upload a transparent gif of 1 pixel by 1052 (802+250) over the vimeo video and then put the video and next to it the image.

paucc A / 2009-04-25 20:36:00   

The line option isn't working.
I think you will need to edit the size of the text in the css to be 1050 (or 1052 because your vimeo movie is 802).
http://pau.cc/projects/test-vimeo2

paucc A / 2009-04-25 21:24:17   

Rachel, I did got to put the m¬°image next to the vimeo video:
http://pau.cc/projects/test-vimeo3
As Vaska would say this is a hackish way to get it and maybe he will not like it ... ;-)
I just added a new ID in my CSS: < h6 > and there added the absolute position for the image to be next to the vimeo video (in my web was left:1075px and top:56px)
And then added in the exhibit text box the vimeo code and next to it (without space or line break) the image code inserted by the file manager. After that, Put before the image < h6> and after < /h6> (remove the space after the symbol

rachelcolecannon / 2009-04-30 23:41:49   

wow! That's awesome! Thank you so much for your input paucc!

I guess it is somewhat "hackish" but hey, it worked!
Check it out!

Yay!

canelson / 2009-08-11 06:16:50   

Thank you, following your information I could fix the problem I had with vimeo+horizontal plugin.

keempoo / 2009-08-29 13:21:04   

Is it possible to use the horizontal format with text and 2 videos embedded so that it looks the way it does with uploaded images? Like a three column look going horizontally?

erinsfunny / 2010-02-25 01:02:43   

Yes I too would like to know if there is a way to embed a video horizontally w other pictures and or videos.

I'll have multiple pictures and one video in one exhibition, but i want the video to appear last (not first).

http://www.whatabouterin.com/index.php?/projects/test2/
(I'm just getting started)

erinsfunny / 2010-02-25 02:57:46   

nevermind please ignore above post sorry sorry!

drager / 2010-04-09 22:35:31   

i had this same problem, in inserted vimeo embed code in the text area before a group of images began, i had to go into the the plugins folder / exhibit.horizontal.php and adjust     var $text_width = 250; to r $text_width = 600;

evelynelr / 2010-08-15 17:15:12   

Hello!

I would also like to insert a video in an horizontal gallery but after the text description.
now it looks like that

I would like it to look like my other galleries

I am not sure how to proceed.

Thank you very much!

evelyne

srge / 2010-09-15 17:54:58   

hey, drager! yours was best response. Do u know what i should do if i want to put two videos, one after the other, and after those the images?
thanx a lot, it worked for me with just one video.
srge

adipawar / 2010-10-04 11:14:14   

Hello, Same issue -> would like to put video alongside other images in the horizontal format. Any help is greatly appreciated :).

Currently it looks like this - http://bit.ly/cRQgtB

Much thanks
Adi

dianalau / 2011-01-09 03:55:39   

I'm trying to use this solution: "go into the the plugins folder / exhibit.horizontal.php and adjust var $text_width = 250; to r $text_width = 600;" from drager but I keep getting errors. help please.

Vaska A / 2011-01-09 03:57:31   

Show us...

dianalau / 2011-01-09 04:07:22   

I put it back to how it was because I was afraid of messing it up further.

I'm in the plugins folder and I simply changed the 250 to a 600 and nothing happens. It's still vertical. see.

Then I tried putting "var $text_width = 600;" above where it says "// PADDING AND TEXT WIDTH ADJUSTMENTS UP HERE!!!" and I got the error.

Vaska A / 2011-01-09 04:16:35   

I'm not seeing any error messages on that page...

dianalau / 2011-01-09 04:19:10   

I got rid of the error. But it is vertical, not horizontal.

Vaska A / 2011-01-09 04:22:01   

Diana, I'm not clear which page you are referring to for this. The above link is not a proper use of the format as there are no images...just a video...I'm not clear what's going on here.

dianalau / 2011-01-09 04:24:11   

I want the video to be to the right of the text, in the same position it would be if it were an image.

Vaska A / 2011-01-09 04:27:12   

But, you can't really do that with the horizontal format.

A better approach would be to simply use html in the texatarea to format things to your wishes...

dianalau / 2011-01-09 04:32:40   

The texatarea is where I put the code for the video?

dianalau / 2011-01-09 04:34:08   

The texatarea is where I put the code for the video?

dianalau / 2011-01-09 04:48:14   

ok nevermind I got it. I added this to the code for my video: style="position:absolute; top:5px; left:550px" and it worked. See.

Sorry for the silly questions Vaska. I got confused.

Vaska A / 2011-01-09 04:50:32   

Ah, great. No problem...

I'm sorry that the current version of Indexhibit doesn't do what you wanted. But, the new version does exactly what you were asking for here...it's honestly not far off.

awaw / 2011-01-26 06:49:33   

Hi there,
I embed a video from Vimeo and added the similar code as dianalau:
style="position:absolute; top:160px; left:5835px;"
It works fine, though I was wondering if there is a possibility of removing the space before the first picture, instead I would like to add the space after the video.
Link
Any ideas?
Thanks!

This thread has been closed, thank you.