Search for answers:
Customer Notices: WordPress 4.5 Affects LiveEditor Functionality - See this article WordFence Plugin Affects LiveEditor - See this article

Adding Featured Video on Blog Homepage

1. Go to your specific Blog post editor and click on the Screen Options >> check on the "Excerpts" option.

pic1.jpg

 

2. At the bottom of the blog post text editor you will find the excerpt field.


pic2.jpg

 

3. Go to your YouTube video.

4. Click on the "Share" button below the video.

5. Click the "Embed" button next to "Share".

6. Copy the "iframe" code given and paste it into the Excerpt field of your blog post editor.

7. Insert or create an div class (<div class="video-container-ytube"> </div>) html code before the "iframe" code. Click update when done.

For Example:

<div class="video-container-ytube"><iframe width="560" height="315" src="https://www.youtube.com/embed/uXCVp7MIyNw" frameborder="0" allowfullscreen></iframe></div>

 

pic3.jpg

 

8. Then, go to OptimizePress >> click on Dashboard >> Global Setting >> Custom CSS >> insert the below code:

/*for mobile responsive of ytube*/
.video-container-ytube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container-ytube iframe,
.video-container-ytube object,
.video-container-ytube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

9. Click Save Setting when done.

 

feature_video.jpg

Didn't find an answer to your question? Contact Our Support Team (Submit a ticket)
Was this article helpful?
0 out of 0 found this helpful
Follow

Comments

Other Help Categories:

Get Started Guide

Watch our Ultimate Getting Started guide video

Pre-Sales Questions

Ask questions before purchasing our products

Login Problems

If you're having issues logging into our members hub

Accounts & Billing

Update your billing, request a refund and other accounts help

API Key Issues

Get help with licensing your site and API key issues

Membership Help

Get help creating Membership portals and courses

LiveEditor Help

If you need help using or troubleshooting the LiveEditor

Integrations

Find out about the many integrations possible with OptimizePress

Affiliate Questions

Have questions about promoting OptimizePress

Clubhouse Questions

Questions about our Clubhouse Membership Subscription