This CSS can be used to style lazy loaded Youtube videos without WordPress. See instructions: https://wordpress.org/support/topic/plugin-not-activating-how-to-use-plugin-with-youtube-placed-directly-in-theme?replies=4#post-6041175
| a.lazy-load-youtube { | |
| vertical-align: top; | |
| background: #555; | |
| width: 100%; | |
| max-width: 480px; | |
| height: 270px; | |
| background-size: cover; | |
| text-decoration: none; | |
| color: #ddd; | |
| display: inline-block; | |
| } | |
| a.lazy-load-youtube:hover { | |
| text-decoration:none; | |
| color: #fff; | |
| } | |
| .lazy-load-youtube-info { | |
| color: #2c2c29; | |
| padding: 20px 0; | |
| font-size: 21px; | |
| } | |
| .lazy-load-youtube-div { | |
| border: 3px solid #2c2c29; | |
| background: url(images/play-youtube.png) center center no-repeat; | |
| position: absolute; | |
| opacity: 0.8; | |
| } | |
| .lazy-load-youtube-div:hover { | |
| opacity: 1; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment