Youtube Videos Problem in Mobile version

  • I am using Hueman theme(V 2.1.9) and when i am embedding youtube videos. The mobile version of hueman theme is having issues.

    The issue is that users cant see the video since the player is not getting fit to screen.

    Awaiting for solution so that I can solve it.

Viewing 7 replies - 1 through 7 (of 7 total)

  • I have the same issue, I really like this theme but find a lot of my viewers are on mobile and leave the site early as they can’t see videos unless they turn the phone into landscape mode.

    I know the theme developers uses the boards and hope they coudl respond with some solution.

    Hi there. I just tested a video post using both a URL and the embedded code for a YouTube video. Both methods scaled and played normally down to an iPhone 4 in portrait mode. Can you post a link to your site so we can see the issue? Thanks.

    Thread Starter TopShortFilms

    (@topshortfilms)

    @bdbrown – Thanks for the reply. But the issue is still present in my theme.

    Site Url – https://www.topshortfilms.com

    I hope I get a solution for this issue.

    Thread Starter TopShortFilms

    (@topshortfilms)

    <iframe width=”560″ height=”315″ src=”//www.youtube.com/embed/videoid?modestbranding=1&autohide=1&showinfo=0″ frameborder=”0″ allowfullscreen></iframe>

    When we are using above Iframe Code Method we are having issues and when we are using Embed code method the issue is not present.

    Can u help us with iframe method. Since we are using custom code(which makes youtube header unvisible) on our websites. So we need iframe method only.

    The Site link is mentioned in above comment.

    @topshortfilms – It appears that the post excerpts are displayed correctly on the home page and that the issue occurs in the related posts section on the post page. On each post page the related post links are in a container with a class of “shareaholic-recommendations”. Each individual link is in a container with classes “shareaholic-recommendation recommendation-n” where “n” is a sequential number starting with 1. When the links display correctly the styles are being applied from “recommendations.css”. On pages where the links are collapsed the styles in that css file are not being applied. When I refreshed a post page several times, sometimes the “recommendations.css” styles were applied to the links and sometimes they were not. Since I didn’t have any problems with the default Hueman theme, my guess is you may have an issue with either your Amazon Cloudfront CDN service or your Shareaholic account, or maybe both. Hope that helps.

    .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

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

.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
        max-width: 100%;
}
    <div class="video-container"><iframe src="//www.youtube.com/embed/RFinNxS5KN4" width="800" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
</div>

    I Put that in my CSS and put the video in a div with the class. Then mobile it will automatically resize

    I am still having issues with the S5 in potrait mode. Site i upload to is https://www.mmahub.net

    All my video files are fine in home page but once i click post they only are fully viewable in landscape mode.

    I always upload in 640×360 for desktop viewers.

    <iframe width=”640″ height=”360″ src=”//www.youtube.com/embed/rOWJLeblo5k?list=UUvgfXK4nTYKudb0rFR6noLA” frameborder=”0″ allowfullscreen></iframe>

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Youtube Videos Problem in Mobile version’ is closed to new replies.