Tagged: ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • April 15, 2015 at 3:31 pm #428976
    cerelogic

    For some reason all my YouTube embeds have taken on a huge ugly square box instead of the usual 16:9 aspect ration. Vimeo embeds do not have this problem.

    Here’s an example of bad YouTube embed:
    http://carlolson.tv/a-beautifully-crafted-series-of-interviews-by-design-firm-alfred-dunhill/

    On the other hand, Vimeo embeds look work as expected:
    http://carlolson.tv/dcp-153-ben-hess-and-ted-setla-on-crowdfunding-raising-the-txt-generation/

    Here’s an example with both YouTube and Vimeo:
    http://carlolson.tv/dcp-144-justin-demers-story-and-hearts-academy-of-storytellers/

    Thank you for your assistance

    April 16, 2015 at 5:27 pm #429756
    Elliott

    Hey cerelogic!

    It’s because you have it set to no sidebar. Add this to your custom CSS.

    .av-content-full .entry-content-wrapper, .av-content-full .entry-content { max-width: 100% !important; }

    Regards,
    Elliott

    • This reply was modified 9 years, 7 months ago by Elliott.
    April 17, 2015 at 7:29 pm #430557
    cerelogic

    I added the CSS. There’s no change to the YouTube videos. However, the blog post body text is now wider… not something I really wanted. I just want the YouTube embeds to appear normal. Thanks.

    PS – I removed the added CSS since it was making the blog look ugly.

    • This reply was modified 9 years, 7 months ago by cerelogic.
    April 17, 2015 at 9:12 pm #430619
    cerelogic

    Sadly my single blog post body text are no longer left justified, even though it has this:

    #top .fullsize .template-blog .post .entry-content-wrapper { text-align: left; }

    April 17, 2015 at 9:14 pm #430621
    cerelogic

    One other thing… you mention: “It’s because you have it set to no sidebar.”

    Well, that’s because I don’t want a sidebar for a single post and it’s an option in Enfold so it should just respect what I select. Thanks.

    April 20, 2015 at 1:32 pm #431245
    cerelogic

    Correction: the left justified CSS is working. I still have the YouTube embed problem, though. Sorry to bother you folks with this.

    April 21, 2015 at 4:52 pm #432129
    Elliott

    Hey!

    It looks different now. You have the embed player set to 1500 x 874. You’ll want to use some smaller dimensions if you want it to fit nice in a full width layout.

    Or if you use our video shortcode instead of embeds then it’s width will be set automatically.

    Best regards,
    Elliott

    April 22, 2015 at 4:03 pm #432893
    cerelogic

    I do? Where do I set that? Thanks!

    April 23, 2015 at 4:39 pm #433581
    Elliott

    Hi!

    When you copy the embed code from youtube.com change the width / height in the embed code. Or you can use our video shortcodes which will have it fit automatically.

    Cheers!
    Elliott

    April 27, 2015 at 3:52 pm #435328
    cerelogic

    Unfortunately, this worked just fine until a recent update of Enfold. So now I have to go in to every single blog post that I have a YouTube link and change it to the Enfold proprietary video embed shortcode. With several hundred blog posts, I can assure you this is no fun. So it is very frustrating to have to go in and “fix” what wasn’t broken to begin with. The thing is – if I ever have to move my website to another theme or platform, it will be a chore to remove all these special shortcodes from within blog posts. I don’t mind the pages so much as they are fewer. But the blog posts – they need to remain true to WordPress.

    Thanks.

    April 28, 2015 at 4:53 pm #436185
    Elliott

    Hi!

    Well it’s weird that your embeds are 1500 x 874. They should be 560 x 315 by default. Did you change them manually when you copied the embed code from youtube? We might be able to set their width to 100% via CSS.

    Cheers!
    Elliott

    April 28, 2015 at 5:11 pm #436209
    cerelogic

    No. All I do is use the YouTube share URL. No embed info stored in that. It’s just a link to the video. They all previously worked in Enfold, but went all wonky in a recent update of Enfold. I’ve gone back a changed a few posts with the Enfold shortcode and that works, but that’s an option I really don’t want to use. I’d rather use WP’s ability to accept the YouTube URL. And it would be a lot of work to go back and change all the YouTube embeds in past posts.

    April 29, 2015 at 5:38 pm #436880
    Elliott

    Hi!

    Not sure why they would have changed sizes, none of our other customers have experienced anything like this.

    I tried viewing your link again but it looks fine to me now so I assume you changed the sizes manually. Send us a link to where they are still using the wrong size and we’ll see if it’s possible to change it with CSS.

    Regards,
    Elliott

    April 29, 2015 at 5:46 pm #436886
    cerelogic

    I changed this link back:

    http://carlolson.tv/a-beautifully-crafted-series-of-interviews-by-design-firm-alfred-dunhill/

    The post simply contains the URL to the YouTube videos like this:

    http://youtu.be/8uixbVTdEJE

    • This reply was modified 9 years, 6 months ago by cerelogic.
    April 30, 2015 at 5:38 pm #437604
    Elliott

    Hey!

    Oh I see, so your just pasting the youtube URLs into your post content then? If so then they should be surrounded with a “avia-iframe-wrap” container but yours are not for some reason. Let’s try the following.

    1. Deactivate all plugins.

    2. Completely delete Enfold from your WordPress theme directory before downloading + uploading a fresh copy from themeforest.

    If it’s still not working then send us a WordPress login and we’ll take a look.

    Best regards,
    Elliott

    May 1, 2015 at 3:44 pm #438142
    cerelogic

    No, it should not be wrapped in the avian-iframe-wrap container. This worked before. It’s stopped working with a recent update of Enfold.

    If you read through this whole of this thread you will see that in a private post I have already provided the login.

    Thanks.

    May 4, 2015 at 3:44 pm #438971
    Ismael

    Hi!

    Actually, it has to be wrapped inside that container to keep the ratio of the video. I tested the youtube link on my installation and it works fine. Please add this in the functions.php file:

    add_action('wp_footer', 'ava_custom_script_mod');
function ava_custom_script_mod(){
?>
<script>
(function($){
	$('.embed-youtube').each(function() {
		$(this).wrap('<div class="avia-iframe-wrap" style="padding-bottom: 56.2666666666667%;"></div');
	});
})(jQuery);
</script>
<?php
}

    Remove browser cache then reload the page.

    Regards,
    Ismael

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • You must be logged in to reply to this topic.