Just getting started with my first Harmony page.
If I want to insert a Vimeo Video, how is the best way to do that? I have a Harmony column set to 100%-centered and I see some video wrapper rules in the CSS, but not sure how I should add them?
Just getting started with my first Harmony page.
If I want to insert a Vimeo Video, how is the best way to do that? I have a Harmony column set to 100%-centered and I see some video wrapper rules in the CSS, but not sure how I should add them?
Add a DIV inside your Harmony content DIV:
<div class="hmy-video-wrapper">
Add your iframe embed code here
</div>
Note, we will be releasing a toolkit for inserting videos on any page. Should be out late spring or early summer. But this will get the job done for you!
Add a DIV inside your Harmony content DIV:<br />
<div class="hmy-video-wrapper"><br />
Add your iframe embed code here<br />
</div>
Note, we will be releasing a toolkit for inserting videos on any page. Should be out late spring or early summer. But this will get the job done for you!
Awesome... THANKS!
Al,
Just getting started on my first foray into Harmony still.
I got the video embedded using your code, but have a question. It looks the way I expect it to when I shrink the browser window down, but if I enlarge the window on a computer screen the space above and below the video "grows"? I have the video set to be 1000px max-width (which I would prefer for large screens), but is there a way to remove that extra space above and below when the window is expanded?
Temporary page (just getting started) - http://www.buystrikemasternow.com/Prototype.html
Thanks!
Note, we will be releasing a toolkit for inserting videos on any page. Should be out late spring or early summer. But this will get the job done for you!
We look forward to this new toolkit for inserting videos.
Al,
Just getting started on my first foray into Harmony still.
I got the video embedded using your code, but have a question. It looks the way I expect it to when I shrink the browser window down, but if I enlarge the window on a computer screen the space above and below the video "grows"? I have the video set to be 1000px max-width (which I would prefer for large screens), but is there a way to remove that extra space above and below when the window is expanded?
Temporary page (just getting started) - http://www.buystrikemasternow.com/Prototype.html
Thanks!
Not Al, but you don't want to mess with the .hmy-video-wrapper rule, remove your edits and nest your .hmy-video-wrapper div inside a max-width div, put margin:auto on this div to center it if required.
HTH
Def look forward to the video toolkit!
Anyway you could make an option to add a YouTube or a Vimeo Playlist ID to have the toolkit automatically generate thumbnails/videos for the videos in the playlist? Something similar to this: http://woosterwebdesign.com/mylist-video-player/
or with just the thumbnails that would open up the video in a magicbox?
Al,<br />
Just getting started on my first foray into Harmony still.<br />
I got the video embedded using your code, but have a question. It looks the way I expect it to when I shrink the browser window down, but if I enlarge the window on a computer screen the space above and below the video "grows"? I have the video set to be 1000px max-width (which I would prefer for large screens), but is there a way to remove that extra space above and below when the window is expanded?<br />
Temporary page (just getting started) - http://www.buystrikemasternow.com/Prototype.html<br />
Thanks!Not Al, but you don't want to mess with the .hmy-video-wrapper rule, remove your edits and nest your .hmy-video-wrapper div inside a max-width div, put margin:auto on this div to center it if required.
HTH
Sinclair,
That worked perfect! Thanks so much for the instructions!
You must log in to post.