May 122016
 

WP Video Lightbox Add Alt Text To Anchor Image post shows you how to add an alt and title text to your video lightbox displayed.

Last Updated: November 15, 2017

There are times when you want a bit more information to be displayed for your YouTube videos. This simple tutorial will show you which shortcode to use, what tags to add to the shortcode to display the title and alt text on your videos.

WP Video Lightbox Tutorials: 

  1. Settings
  2. Add Alt Text To Anchor Image
  3. Troubleshooting

WP Video Lightbox Add Alt Text To Anchor Image

Step 1 ) Create your lightbox video to add to your post or page. This has already been covered in the previous post. In this example I used the following shortcode.

Note: If you don’t enter the correct shortcode video it will not work the way you want it to work.

<a description=”” href=”https://www.youtube.com/watch?v=9mtQMVnN2Ck” rel=”wp-video-lightbox”><img src=”http://localhost/wordpress361/wp-content/uploads/2016/05/wp-video-lightbox-anchor-image.png” alt=”YouTube Video How To Create Round Corners Using Gimp” width=”160″ /></a>

In the above shortcode I have added the following alt tag alt=”YouTube Video How To Create Round Corners Using Gimp”. 

The following image displays the anchor image using the above shortcode.

wp-video-lightbox-anchor-image-front-view

Remember you can always adjust the width and height in the shortcode.

Step 2 ) Now when I click on the anchor image above from the front end of my website I see the following displayed. See image below.

You can see the alt tag text added to the shortcode as illustrated below with the red arrow.

wp-video-lightbox-anchor-image-alt-text

Step 3 ) What if you wanted to add some description to the video lightbox pop up?

Very simple all you have to do is add the description=”Gimp A Great Open Source Image Editor” tag to the shortcode above and the title will be displayed in the lightbox video as illustrated in the following image.

wp-video-lightbox-anchor-image-title-text

Step 4 ) If you use the following shortcode, you will see no alt text and no description text displayed. See image below.

[ video_lightbox_youtube video_id="9mtQMVnN2Ck" width="640" height="480" anchor="http://localhost/wordpress361/wp-content/uploads/2016/05/wp-video-lightbox-anchor-image.png" alt=""]

wp-video-lightbox-anchor-image-no-title

That is how simple it is to add an alt text and a title to your video lightbox displayed.

If you need more power and more control then check out the commercial version WP Lightbox Ultimate you won’t be disappointed.

If you have any questions please let me know. I will be updating this from time to time. So keep coming back for the latest post.

Enjoy.

Manuel Ballesta RuizManuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

The following GDPR rules must be read and accepted:
This form collects your name, email and content so that we can keep track of the comments placed on the website. For more info check our privacy policy where you will get more info on where, how and why we store your data.