This topic has 26 replies, 3 voices, and was last updated 7 years by Radu.

  • Author
  • #163245
     hoops
    Participant

    i have an issue with dailymotion videos. when use the video URL, either on the buddypress activity stream or on video blog posts, the video posted is square and not rectangular.

    i have sites using Newspaper and Safiha theme and the dailymotion videos are rectangular.

    in KLEO, youtube and vimeo videos are okay (rectangular), only dailymotion comes out as square.

    can you fix this? i have attached screenshot of the video samples.

    the site address i will place below is now a live site, still under development.

     

     

     

     

     

     

     

    Attachments:
    You must be logged in to view attached files.
    #163248
     hoops
    Participant

    i’m sorry, i meant that site i have posted is NOT a live site, its still under construction.

    #163377
     Laura
    Moderator

    Hello, will assign the ticket to a higher support level who can help and advise you in your query.
    Thanks! ?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #163645
     Radu
    Moderator

    Hi,

    Use this CSS

    COPY CODE
    
    
    div#buddypress .activity iframe[src*="dailymotion"] { 
    width:100%;
    max-height:480px;
    } 
    
    

    The CSS will be added to wp-admin -> theme options -> general settings -> quick CSS
    NOTE : Child theme needs to be installed and activated.

    Let me know

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #163650
     hoops
    Participant

    hi! there were no changes at all. already using child theme.

    look at the front page –> http://smb.hoops.ph/

    post page –> http://smb.hoops.ph/watch-san-miguel-vs-blackwater-game-highlights-may-31-2017/

    #163651
     hoops
    Participant

    i hope you can fix it permanently, not just with CSS.

    all my wordpress themes are okay with dailymotion video posts. i just encounter this issue with KLEO.

    i have 2 licenses and i can’t use both because i host my videos with dailymotion.

    #163900
     Radu
    Moderator

    Hi,

    Please add this code to Quick CSS

    COPY CODE
    
    
    article iframe[src*="dailymotion"] { 
    width:100%;
    max-height:480px;
    } 
    
    

    This will be fixed in future theme updates, until then please use this CSS.

    Let me know

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #163924
     hoops
    Participant

    hi! it’s an improvement but the video player is still close to being square. and the thumbnail from the front page is really off. kindly check the screenshots.

    anyway, i can wait for the update. vimeo and youtube are working fine, issue is only limited to dailymotion.

    Attachments:
    You must be logged in to view attached files.
    #164161
     Radu
    Moderator

    Hi,

    Did you have changed the theme?

    I cannot see the kleo theme on the provided link, let me know when I can see it.

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #164232
     hoops
    Participant

    no, its still in KLEO.

    the thumbnail of the dailymotion video is still way off, but there was an improvement in the video post page, but its still closer to being a square.

    site –> http://smb.hoops.ph/

    dailymotion video post –> http://smb.hoops.ph/watch-san-miguel-vs-blackwater-game-highlights-may-31-2017/

    Attachments:
    You must be logged in to view attached files.
    #164437
     Radu
    Moderator

    Hi,

    This should fix also tthe view in masonry listing

    COPY CODE
    
    .kleo-masonry article iframe[src*="dailymotion"] {
        width: 100%;
        max-height: 187px !important;
    }
    

    Add also this CSS to quick CSS area.

    This will be fixed in next theme update

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #164463
     hoops
    Participant

    hi! yes, masonry listing now fixed. on posts its still close to being square but it will do for now. in the update kindly make the video posts more rectangular and apply it to buddypress activity as well. thanks!

    #164464
     hoops
    Participant

    sorry, would like to add that the video post is still tall (portrait style) in mobile view.

    #164487
     hoops
    Participant

    aside from mobile view, its also “tall” in the related articles.

    thanks!

    Attachments:
    You must be logged in to view attached files.
    #164655
     Radu
    Moderator

    Hi,

    This will be fixed in next theme update please wait 1-2 days please then you can update theme to latest version

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #164659
     Radu
    Moderator

    Hi,

    This will be fixed in next theme update, will be released tomorrow

    Cheers
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #164702
     hoops
    Participant

    hi! thanks for that. i also checked it with bbpress and youtube and dailymotion videos are coming out as square as well if the video URL is posted.

    kindly check this out –> http://community.hoops.ph/forums/topic/ginebra-championship-dugout-celebration/

    #164921
     Radu
    Moderator

    Hi,

    The update hasn’t been released, it was delayed until today, check theme update after 3-4 hours, after updating the theme check again.

    PS: The URL shows something else than a Kleo theme.

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #165413
     hoops
    Participant

    Hi Radu!

    please check this: http://comm.hoops.ph/forums/topic/ginebra-championship-dugout-celebration/

    video URL posts in bbpress are rectangular and tall. all (youtube, dailymotion, vimeo) are not displaying properly.

    only FB video is in proper dimensions. theme is already updated to latest version.

    #165414
     hoops
    Participant

    all videos are fixed in buddypress activity and video format posts.

    issue remains only with bbpress, thanks!

    #165625
     Radu
    Moderator

    Hi,

    Add this CSS

    COPY CODE
    
    .bbp-reply-content iframe[src*='youtube.com'], .bbp-reply-content iframe[src*='vimeo.com'], .bbp-reply-content iframe[src*='dailymotion.com'] {width:100%;height: 320px !important;}
    

    The css will be added to wp-admin -> theme options -> General settings -> Quick CSS

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #165634
     hoops
    Participant

    thanks Radu! looks good on desktop but videos are square on mobile devices.

    anyway, will this bbpress issue (with video players) be fixed in the next theme update?

    #166038
     Radu
    Moderator

    Hi,

    Please wait until at night when we will update the KLEO theme in that we have included the fix for bbpress vids ratios.

    Update the theme and check again and let me know

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #180498
     hoops
    Participant

    Hi Radu! Issues remain with video URL embeds in posts.

    Everything is okay if i place the video URL in the theme general settings>media.

    But if i place it in the post content area, the video comes out as square.

    check this post –> http://bgsm.hoops.ph/watch-justin-brownlee-delivers-another-title-for-brgy-ginebra/

    the first video is from the theme settings, and displays fine. the second video is the video URL posted directly in the post content area.

    this is a similar post, but the theme is newspaper. both videos are working fine.

    http://hoops.ph/watch-justin-brownlee-delivers-another-title-for-brgy-ginebra/

    #180539
     Radu
    Moderator

    Hi,

    For the youtube iframe from the post content use this selector

    COPY CODE
    
    .article-content span.embed-youtube iframe.youtube-player {
        max-height: 420px;
    }
    

    Adapt the max height with your desired

    Cheers
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #180543
     hoops
    Participant

    Hi Radu. Thanks for that, but i want to know if this will be fixed in future updates. Aside from YouTube there’s also FB and dailymotion videos.

    #180617
     Radu
    Moderator

    Hi,

    Just replace the css provided in this ticket with this one

    COPY CODE
    
    .article-content iframe[src*='youtube.com'], .article-content iframe[src*='vimeo.com'], .article-content  iframe[src*='dailymotion.com'] {width:100%;min-height: 360px !important;}
    .bbp-reply-content iframe[src*='youtube.com'], .bbp-reply-content iframe[src*='vimeo.com'], .bbp-reply-content iframe[src*='dailymotion.com'] {width:100%;min-height: 360px !important;}
    

    In next theme update this will be fixed in the JS way, so in next theme update you can remove this css

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 27 posts - 1 through 27 (of 27 total)

The forum ‘Bugs & Issues’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?