Adding Video to Homepage Feature Area

Hello,

In the Homepage feature area there are four columns with images and descriptions. I would like to add a video to one of these columns in place of the image. I would also like the video to play from this spot with the option to enlarge the video.

How can I make this change?

Any help is much appreciated. Thank you.

 

Hello,

Go to front-page.php present in your theme directory and replace current code

Code:

<a href="#"><span class="overlay"></span><img src="<?php echo get_template_directory_uri(); ?>/images/img1.jpg" class='portfolio' alt="Feature Image 1" /></a> 

With YouTube iframe code.

Check image for reference




It will show the video in the home page, and you have to adjust the width and height of the video which you can adjust in the embed code of the video.


Thanks & Regards
Gourav Shrivastava

 

Thank You very much for your prompt response.

However, this suggestion did not work for me unless I am doing something wrong. Are there any changes that I need to make to the youtube iframe code in order for it to appear?

Just to be more specific, I am trying to replace the image in the "Home Page Feature Area First Image" with a youtube video.

Thank you again for your help!

 

Hello again,

Interestingly, I found that if I replace the line just above the one you've suggested the video does appear on the front page.

My problem now is that the youtube video seems to lose quality when it is enlarged, is there away to avoid quality loss?

 

Hello,

It depends on pixel quality of video that you have shared, So share high definition video, It looks fine.

Thanks & Regards
Gourav Shrivastava

 

Hi,

It works now. Thank you very much for the help.