Lazy Load for Videos
[resolved] Play button disappear at preview image (8 posts)

  1. Naziman
    Posted 1 year ago #

    I don't know the exact problem. At my test blog the play button works but at my real blog the play button disappear.

    I have make developement mode at cloudflare and empty all cache W3 total cache plugin but the play button still doesnt show like in my test blog.

    This is my real blog have that problem. http://naziman.com/



  2. kevinweber
    Plugin Author

    Posted 1 year ago #

    Notice: The below links may not work as they did when I originally have published this post.

    the plugin calls this URL to display a play button image: http://static.naziman.com/wp-content/plugins/lazy-load-for-videos/images/play-youtube.png

    But when you do some wicked path traversal to have a look into another directory (http://static.naziman.com/wp-content/plugins/), then you recognise that there are no files for the lazy load plugin.

    Two solutions:

    1. Try to get »Lazy Load for Videos« plugin files into the above mentioned directory.

    2. Add custom CSS to the plugin's options panel with the correct URL to your plugin and its play button image.

    .lazy-load-youtube-div {
    background: url(<em>http://static.naziman.com/wp-content/plugins/lazy-load-for-videos/images/play-youtube.png</em>) left bottom no-repeat;

    Hope this solves your problem?



  3. Naziman
    Posted 1 year ago #

    Thanks Kevin,

    When i check the file, i get 500 error. So i know the real problem. It is because i don't upload custom files to my CDN. This solves my problem.

    Can i ask another question here or open another thread?

    I want to ask about the title. When the video title too long, in preview image the title straight in one line and out of border of the image. How can i make the title only in the border?

  4. kevinweber
    Plugin Author

    Posted 1 year ago #

    Can you send me the concrete link to the site with the video that has the too long title? Then I will be able to send you a solution.

  5. Naziman
    Posted 1 year ago #

    This is the link. You can see the video at footer note.


  6. kevinweber
    Plugin Author

    Posted 1 year ago #

    Add this code to the plugin's custom CSS box:

    .lazy-load-youtube-info {
    	position: relative;
    .titletext {
    	float: left;

    Does this solve your question? I'm going to integrate this CSS with the next plugin update.

  7. Naziman
    Posted 1 year ago #

    Thanks, that CSS solve my problem. If you want integrate that CSS with the next plugin, maybe you can consider also this CSS i get from another thread for responsive theme.

    a.lazy-load-youtube, .lazy-load-vimeo {
    width: 100%;

    And maybe you can use CSS than using image for play button to reduce the http request.

    Thats two only my suggestion to make your plugin better maybe. :)

    All problem solved, so i will mark this topic as resolved.

    Best Regards,
    Naziman Azlye

  8. kevinweber
    Plugin Author

    Posted 1 year ago #

    Thanks, I've added your suggestions to my to-do list!

    PS: Have you already rated my plugin? Would be great if you do this right now here.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Lazy Load for Videos
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic