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?
Adding a Video to Harmony Column?
(8 posts) (5 voices)-
choreo
offlineMemberPosted 8 months ago -
Al Sparber
offlinePVII TeamAdd 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!
Posted 8 months ago -
choreo
offlineMemberAdd 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!
Posted 8 months ago -
choreo
offlineMemberAl,
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!
Posted 8 months ago -
Sinclair
offlineMemberAl,
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
Posted 8 months ago -
savio
offlineMemberDef 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?Posted 8 months ago -
choreo
offlineMemberAl,<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.
HTHSinclair,
That worked perfect! Thanks so much for the instructions!
Posted 8 months ago
Reply
You must log in to post.
