September 16, 2011 at 12:01 am #5896
I am having difficulty getting the YouTube videos in the sliders to scale property. When you press play, black bars appear down the side and I can’t find out where to adjust the height of the video to fill it.
Here is the site: http://www.propertyvideolisting.co.uk/September 17, 2011 at 7:03 pm #52121
you can adjust the slider size. I’m not sure if this will fix the youtube video aspect ratio problem. Open up functions.php and adjust following line/dimensions:
$avia_config['imgSize']['portfolio2'] = array('width'=>460, 'height'=>260); // medium preview pic for 2 column portfolio and small 3d sliderSeptember 17, 2011 at 10:33 pm #52122
I already tried adjusting that and it does not work. The height will not change.
None of the YouTube buttons work either. Does the theme maybe need updated to suit the latest YouTube standards since they have been changed?September 18, 2011 at 8:27 am #52123
We use the embed shortcode function: http://codex.wordpress.org/Embeds to embed vimeo, youtube, etc. We can’t influence the what the oembed protocol returns but we just add the output to our slider/theme code.October 5, 2011 at 3:25 pm #52124
I still think it’s something wrong with the slider code.
Here is regular embed code in a text section. The video has no black side bars when played: http://www.propertyvideolisting.co.uk/
Here is the same YouTube video (not using embed code) in your slider: http://www.propertyvideolisting.co.uk/2011/10/05/22-new-wynd-montrose/
The sliders height is too short and that is causing the video to scale in and show the black bars at the side.October 6, 2011 at 6:02 am #52125
Yes – the slider has a height of 529px and the “other” video a height of 556px. Increase the slider/preview thumb height in functions.php and should get the same result.October 6, 2011 at 8:03 am #52126
Changing the height in the functions.php section makes no difference, I tried that before and you already suggested it in a previous response.
Is no-one else having the same problems? Seams like it would be a universal issue for anyone using YouTube videos in this theme….October 6, 2011 at 8:26 am #52127
I think we’ve had one similiar report in the past. The embed object has the right size and isn’t cropped (no css code, etc. resizes the video) so the content inside the flash object is only influenced by youtube. Maybe it depends on the aspect ratio of the video if black bars appear (youtube supports 16:9 only) or not. I’ll ask Kriesi to look into it. Maybe he finds something….October 19, 2011 at 6:03 pm #52128
Still no help…………
I have found the code with the wrong height in FireBug and it looks like it is being produced from cu3er_container_2D_caption
No idea how to fix it myself, nothing in the Style.css changes the height of the video, just the position on the page.
Please get on to this, the theme is awesome but this is a big glitch for anyone looking to put YouTube videos on their site who buys this theme.March 29, 2012 at 2:53 pm #52130
We ran into the same problem with their Angular theme. They’re using WP’s oEmbed, which will let you add a max width and height (http://codex.wordpress.org/Embeds#Okay.2C_So_What_Sites_Can_I_Embed_From.3F). So, you can try updating line 268 of helper-slideshow.php to [embed width="123" height="456"]…[/embed]. We tried it but it’s not yet working.
So for those of you who like duct-tape, open /css/slideshow.css, comment out height:340px and add a max-height: to whatever you need to get rid of the letter-box. We used 401px for super-widescreen video aspect ratios (given that the max-width is 930px).
April 2, 2012 at 4:55 pm #52131
- element style. I’ll let the Kriesi guys figure out where that is.
The topic ‘YouTube Scale Issue’ is closed to new replies.