-
Author
-
June 1, 2017 at 20:22 #163245hoopsParticipant
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.June 1, 2017 at 20:24 #163248hoopsParticipanti’m sorry, i meant that site i have posted is NOT a live site, its still under construction.
June 5, 2017 at 01:47 #163377LauraModeratorHello, 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 solutionLaura 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 🙂
June 7, 2017 at 16:37 #163645RaduModeratorHi,
Use this CSS
COPY CODEdiv#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 solutionJune 7, 2017 at 17:07 #163650hoopsParticipanthi! 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/
June 7, 2017 at 17:19 #163651hoopsParticipanti 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.
June 10, 2017 at 01:20 #163900RaduModeratorHi,
Please add this code to Quick CSS
COPY CODEarticle 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 solutionJune 10, 2017 at 18:24 #163924hoopsParticipanthi! 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.June 13, 2017 at 16:07 #164161RaduModeratorHi,
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 solutionJune 14, 2017 at 05:57 #164232hoopsParticipantno, 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.June 16, 2017 at 16:26 #164437RaduModeratorHi,
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 solutionJune 16, 2017 at 19:46 #164463hoopsParticipanthi! 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!
June 16, 2017 at 19:50 #164464hoopsParticipantsorry, would like to add that the video post is still tall (portrait style) in mobile view.
June 17, 2017 at 01:35 #164487hoopsParticipantaside from mobile view, its also “tall” in the related articles.
thanks!
Attachments:
You must be logged in to view attached files.June 19, 2017 at 19:33 #164655RaduModeratorHi,
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 solutionJune 19, 2017 at 20:03 #164659RaduModeratorHi,
This will be fixed in next theme update, will be released tomorrow
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionJune 20, 2017 at 06:07 #164702hoopsParticipanthi! 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/
June 22, 2017 at 16:58 #164921RaduModeratorHi,
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 solutionJune 27, 2017 at 19:11 #165413hoopsParticipantHi 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.
June 27, 2017 at 19:13 #165414hoopsParticipantall videos are fixed in buddypress activity and video format posts.
issue remains only with bbpress, thanks!
June 29, 2017 at 15:32 #165625RaduModeratorHi,
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 solutionJune 29, 2017 at 16:12 #165634hoopsParticipantthanks 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?
July 3, 2017 at 18:56 #166038RaduModeratorHi,
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 solutionNovember 21, 2017 at 14:52 #180498hoopsParticipantHi 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/
November 21, 2017 at 17:34 #180539RaduModeratorHi,
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
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionNovember 21, 2017 at 17:55 #180543hoopsParticipantHi 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.
November 22, 2017 at 16:18 #180617RaduModeratorHi,
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 -
AuthorPosts
The forum ‘Bugs & Issues’ is closed to new topics and replies.