Jump to content

Archived

This topic is now archived and is closed to further replies.

mxhg

Add vimeo videos to Features

Recommended Posts

mxhg    0
mxhg

Dear Pagelines Team,

 

I want to create a website with a portfolio of the films I made.

 

As "Portfolio" Page I use a template with the "Features" inside.

My Problem: The Video should fill the right part of the feature box not just a bit.

 

Remember to include as much information about your technical issue as possible for example:
Website URL: http://imagefilmproduktion.com/portfolio/ (see Projekt 2 in the Features)
Framework Version: 2.4.4
WordPress Version: 3.6.1. 
Plugins in Use: Exclude Pages, WIdget LOgic
Server/Host: webspace
Screenshots: attached
Details:

 

Now it looks like this: https://docs.google.com/file/d/0B2P2Kbg4kca2amVVMHpRaXdVa1U/edit?usp=sharing

But it should look like this (Mockup): https://docs.google.com/file/d/0B2P2Kbg4kca2eF9GdzZVMWgtY3M/edit?usp=sharing

 

 

best wishes

Max

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello mxhg 

 

Please can you provide the code you have used to add the video to the feature? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
mxhg    0
mxhg

Hello Martin,

 

I put this in the Feature HTML:

<iframe src="//player.vimeo.com/video/76553135?title=0&amp;byline=0&amp;portrait=0&amp;color=ff9933" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, don't add the via the iframe method, use the old embed code option when selecting the share options from youtube. This should give you an embed code using the <object> tag.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
mxhg    0
mxhg

Hi there, don't add the via the iframe method, use the old embed code option when selecting the share options from youtube. This should give you an embed code using the <object> tag.

Hello James,

 

I use vimeo for the videos - They also offer an "old embed code" so I tried this one:

<!-- Diese Version des eingebetteten Codes wird nicht länger unterstützt. Erfahre mehr unter: https://vimeo.com/help/faq/embedding --> <object width="700" height="394"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=76553135&amp;force_embed=1&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=76553135&amp;force_embed=1&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="700" height="394"></embed></object>

It still looks the same :(

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

Can you take a screenshot of where it is you're adding the code please.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

The old embed code is working for me - http://d.pr/i/29gy

 

Therefore, it is may be related to custom scripts or plugins you have, try removing them all and see if this resolves your issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

I've just checked your site and see three slides, one with the old embed code, one full width and one with the small video. The one labelled old embed shows like this - http://screencast.com/t/rQpAw5UhVo0Q


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
mxhg    0
mxhg

Hi James,

 

thanks for the info.

 

I opened the site with different browsers:

 

Chrome 30 = doesn't work (looks like on the screenshots I posted above)

Safari 6.0.5 = works correctly

FIreworks 24 = works correctly

 

So is it actually a browser bug? Is there a way to fix it for Chrome?

 

Thank you!
Max

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

Hmm not sure as to why it is doing that. However, it is happening on all browsers for me.

 

Try adding this to your custom code.

 

#site .fmedia-pad {
height: 94%;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • dougalperman
      By dougalperman+
      Hi there,
      I'm a big fan of Pagelines, and have been for years.
      I'm trying to control the size of video embeds and having some difficulty. I see that I can just paste the Vimeo video URL into the post and an embed widget will automatically appear, which is great. But the embed box created is much taller that the video (689 x 1000 pixels) so the content sits in the middle of a tall black box, which looks awkward.
      I tried using the full iFrame embed code from Vimeo, which solved the disproportionate embed frame size (or aspect ratio) issue, but despite specifying the dimensions I want (690 x 388), the videos displayed on the post are sized at 300 x 150 pixels.
      I can't work out how to change either.
      I'm using the latest version of Pagelines Framework (Pro) with the Agency them.
      Any help or advice very much appreciated.
      Thanks,
      Dougal
    • thebastion
      By thebastion
      Hi there,
       
      I have embedded a video into a Revslider slide by uploading it to 'uploads' in my WordPress folder.  I am using MaxCDN which is serving the video but it is still jerky and does not stream smoothly if at all (On IE all I get is sound).
       
      Is there a way to embed (ideally) Vimeo or YouTube videos into the slide?  It doesn't seem to recognise the Vimeo URL to the video.
       
      Cheers
       
      Stuart
    • AaronS
      By AaronS
      I've looked everywhere in the forum and haven't been able to find a workable solution. I'm using the feature slider on my main page. Rather than having the same order appear each time a user loads the page, I would love for it to display the features randomly. Likely this will require custom code, but that's beyond my abilities. Thanks in advance for the help.
    • fullcontact
      By fullcontact
      I've noticed that when I use the Vimeo Shortcode on my sites that are using SSL that the embedded video is being pulled with an insecure URL from the vimeo cdn.  Is there a way to fix this?
       
    • angelopc
      By angelopc
      I have a new website (new.svctx.com) that I'm building for a client. I've added a Feature to the header that doesn't seem to load correctly. Maybe someone could take a look and give me some advice?
       
      Thanks!
×