Tag: youtube

How to add accurate subtitles to your YouTube Videos

This may seem quite a strange thing to blog about but something that is becoming increasingly important to me is how accessible the content I provide to web users is. YouTube does have automatic subtitles when you upload a video but sometimes it doesn’t pick the exact words which can be humorous but not good for those who are hard of hearing or deaf. Adding the correct words to your YouTube subtitles will benefit your accessibility for those with hearing difficulties but also help others that may not be able to understand regional acsents so well so may call upon the subtitles.

How to add accurate subtitles to your YouTube Videos

Once you have uploaded your video you will come to a screen with your video and a few tabs at the top. If yo look at the image below you will see a tab named  ‘Subtitles and CC’, click it.

displaying automatic subtitles of YouTube Videos

Next you will see options to click  English (Automatic) subtitles that YouTube automatically provide, once again, click this ( see image below if you are unsure what to click ).


add subtitles to your YouTube Videos, picture of editing captions

Now you are able to edit the subtitles in the automatic feature. You will find a lot of the subtitles that have been created are very wrong. YouTube does try it’s hardest to pick up all the words spoken but if the video star has a strong acsent it will struggle, a lot! It can be quite humorous to watch but it is not good accessibility. Follow these two simple steps to make sure they are correct for those who wish to use the subtitle feature on your videos.

  1. To edit the subtitles let the video play and then click on the subtitles to replace what is being said accurately.
  2. As video plays click subtitle to stop section of video, also click time if it does sync correctly and change the time length to show the words you have edited to perfection ( see below to see subtitle being edited).


Once done there is a button at the bottom called publish. You bet you know what to do next, yep, click publish!

Now when a user watches your video and needs subtitles they will get the correct words display.

Well done you have added accurate subtitles to your YouTube video, you are on your way to providing a better user experience for one and all.

If you get stuck please feel free to contact me or leave a comment below and I will get back to you asap.

    How to make responsive YouTube videos on WordPress

    Responsive design has been here for a long while now and it is probably one of the most important design aspects of a website today. A responsive website will flux in size and layout depending upon the users media device, unfortunately embedding youtube videos into a website doesn’t always work well on your website but using some simple css code can help you find a way around this. In this post I give some brief code and a quick guide on making responsive youtube videos for users of WordPress.

    Jetpack Edit CSS

    I want to make this as simple for novice coders to follow so I recommend installing and activating the JetPack plugin from WordPress so that features to add CSS will be easier. Once you have activated the JetPack go to Appearance tab and then ‘edit CSS’.


    If you are a bit unsure of CSS this is what the following code means. This code looks for the element ‘iframe’ in the ‘video-responsive’ css class and gives the video a height of 100% and width of 100% doing so ensuring the iframe takes on the width of its containing div. If you are feeling a little lost, don’t worry, simply copy the code and paste it into your Jetpack edt css feature and continue to follow the guide.

    .video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;

    .video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;

    This is the first stage of designing a responsive div tag for video, next you need to gather the embed code provided by YouTube.

    Stage 2: use embed code and div class to create responsive youtube videos

    Copy the embed code from your youtube video, go back to your WordPress website, ensuring your page is in ‘HTML’ mode rather than ‘visual’ and paste it into the desired page in the location you wish to display it.

    embed code for responsive youtube video

    Once the code is in place surround it with <div class=”video-responsive”>replace with embed code from YouTube</div>. This will call the css we wrote earlier to ensure the video responds as we want it to.

    Once all that is complete save your page and refresh your browser to see your YouTube Video responding something like that seen below.

    If you have any problems creating a responsive youtube video please feel free to leave a comment below and I will get back to you shortly.

    4 ways to find out what is trending on the internet

    Sometimes deciding what to write about on your blog can be difficult, you just get a creative block and it’s like you are sat in a white room, on a white stool with white windows & with nothing to white, oh sorry I mean write! Finding out what is trending on social media is one great way to inducious your creative sparks. In this post you will find four useful links to find out what is currently trending.

    Google Trends

    Each day there is new content created on the web and search engine giant Google is a great place to find out what is trending. It is the most widely used Search Engine in the Western Hemisphere so if you write about something related to the main trend you have a good chance you may generate some traffic from it.


    Ever heard of reddit? Well you have now! Reddit is a place that people share stories that they find interesting and they post them in specific categories. The benefit of this for looking for ideas for your own works is that you can see how many up’s they have which gives an indication at how interesting and successful the story might be if you were to create something yourself around that particular article.

    Buzz Feed buzzfeed

    BuzzFeed is the leading media company for the social age, intensely focused on delivering high-quality original reporting, insight, and viral content across a rapidly expanding array of subject areas. Their technology powers the social distribution of content, detects what is trending on the web, and connects people in realtime with the hottest content of the moment. A great way to really spark your imagination with many subjects and ideas to discuss on your blog, what could be better?

    Youtube Trending

    youtubetrendLastly, if you are starting to enter the world of video blogging you may like to take a look at this site. It gives you insight into what is currently trending on youtube. Even if you aren’t video blogging it still might spark some ideas for your latest blog post or podcast.

    [divider style=”1″]

    Remember, although all these websites are informing you of what is trending at that particular moment you may want to try and be a little bit psychic too and write about things that are yet to happen but are foresable and highly likely to happen as this will give google time to index your content and you won’t become old news. Alternatively, if you can write an article within a couple of hours and you have large social media followings on various platforms and you are a part of various communities then don’t worry so much about natural search results just make sure you use the hashtag as effecitvely as possible when describing your blog post so that your article can be found amongst all the other trending information. Best of luck and if you have any other ideas of to find out what is trending then please feel free to comment in the box below.