Automating size tailoring of Youtube Embedded Videos and Inserted Images in WordPress blogs

Wednesday, 5th December 2012

Reading Time: 3minutes

I regularly embed Youtube videos in my blog posts just like most bloggers do. With the grow of video materials, embedding a video along with your shorty study is very handy. Whoever has embedded videos in WordPress knows it is as simple as copy pasting the embed code provided by youtube's Share button (located little below the video Window).

youtube example for random video embed code screenshot with selector

Often the video provided by youtube is varying in sizing making the embedded video on my blog (and probably on others) override a content placed on the right as BlogRoll links, Recent Posts, Twitter of Facebook (Follow / Share) buttons etc.

As with every piece of nice free software, wordpress is quickly developing becoming better and better, every next day; One of the recent developments WordPress developers did is adding it a capability for limiting an Embedded Media Settings size. Doing so makes wordpress to automatically tailor the size of embedded videos, so you don't have every time when embedding a new video to bother changing inside the generated youtube embed code, but wordpress does this auto for you while pressing the PostPublish button.

Enabling automatic video size tailoring in WordPress is done like so:
 

1. Login to Wordress with admin user (http://www.wordpress-site.com/wp-admin or whatever WP admin URL is)

2. On the left menu you will see the Settings menu, use sub-menu Media, i.e.

Settings -> Media

wordpress blog wp admin administrator settings media menu location screenshot

Like you see on below screenshot, besides being able to automatically adjust Embedded codes (videos objects) wordpress is capable of automatically pass article images options to set every inserted image to certain pre-defined size.

wordpress blog change embed image media settingsscreenshot - auto tailoring youtube videos in wordpress

Setting a Custom Image size along with Custom Embed desired size is very handy and saves a lot of time. So far everytime when I write a new post on my blog and included a picture in it, I loose time to adjust the picture to 480×315 pixels (a good picture sizing looking good on screen resolutions from 1024 and higher).

Thus in future this little trick will save me up to few minutes whether I write an article with plenty of pictures or videos 😉

The process of embedding becomes even more easier if you are using already some Advanced functionality WordPress Article editor like FCKEDITOR for wordpress plugin
If you have fckeditor, you can straight embed the automatically shrinked to your set size by using FCKEDITOR's flash button instead of loosing each time when copying the embed code by pressing below the youtube video Share and Embedbuttons.

Actually just about an year ago, the default wordpress editor TinyMCE used to have native support for Embedding youtube videos through a button called Insert / Edit Embedded Media, but due to copyright protections it was removed from wordpress. There is also one other wp plugin called Embedded Video Plugin but as long as I tested this one in the past it never used to work for me (though nowadays it might be working fine with embedding youtube videos)

soulfly embed video share and embed code- buttons screenshot

Well that's all folks. Hope my little post helps someone 🙂

Share this on:

Download PDFDownload PDF

Tags: , , , , ,

4 Responses to “Automating size tailoring of Youtube Embedded Videos and Inserted Images in WordPress blogs”

  1. Charlenesays:
    Google Chrome 28.0.1500.63 Google Chrome 28.0.1500.63 Windows 7 x64 Edition Windows 7 x64 Edition
    Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.63 Safari/537.36

    Je suis pressé de lire le prochain post

    View CommentView Comment
  2. baiseusessays:
    Google Chrome 28.0.1500.71 Google Chrome 28.0.1500.71 Mac OS X 10.6.8 Mac OS X 10.6.8
    Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.71 Safari/537.36

    Je vɑis dire que ce n'est guère faux !

    View CommentView Comment
  3. Google Chrome 83.0.4086.0 Google Chrome 83.0.4086.0 Windows 10 x64 Edition Windows 10 x64 Edition
    Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4086.0 Safari/537.36

    Очень советую Вам посетить сайт, на котором есть много информации на интересующую Вас тему.

    —-
    https://avenue17.ru/https://avenue17.ru/

    Не плохо!!!!

    —-
    https://novopet.ru/https://novopet.ru/

    View CommentView Comment
  4. Microsoft Edge 83.0.478.25 Microsoft Edge 83.0.478.25 Windows 10 x64 Edition Windows 10 x64 Edition
    Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.34 Safari/537.36 Edg/83.0.478.25

    Сайт самых новых и известных гейм, что включает право купить юзеру доступ плюс личный кабинет быстрым к тому же обкатанным способом. Площадка Айронгеймс – является сборник рабочих страничек, key плюс пин-вдресов специально для игр из Steam, Xbox, Epic Games Store, Uplay, EA Play и иные. Проверить наличие желательного кода на страничке платформы Irongames продлить подписку game pass возможно обозначив выборку по фильтрах либо поисковой ленте, наш сайт предоставляем внушительный вариант учетной записи, новые обновления и пароли по ним собственно то, по изобилию пользователь могли купить интересное вам за доступную цену. Оплачивая https://irongamers.ru/sale/keys/17588 страничку на существующей игровой площадке пользователь сможет не думать о то, что подготовленная договоренность реализуется хорошо, так этого расчет осуществляется через достоверному сервис, где мгновенно же спустя расчета вы принимает примечание на установку. Приобрести любой пароль или игры точно несложно IronGamers.Ru по гейм платформе Irongames, используя комфортный для вас метод оплаты мы презентует разработанные обновления 2021, реальные кабинеты и пароли по очень акционным ценам.

    View CommentView Comment

Leave a Reply

CommentLuv badge