Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Lucian Ionica 3 posts 73 karma points
    Jan 12, 2017 @ 15:38
    Lucian Ionica
    0

    HomePage video - zoom

    Hi Sotiris - this is a fantastic theme, thank you very much! I have a quick question about the HomePage. If I choose to use as background a YouTube video ID, then the page shows it zoomed: it only shows the top right corner of the video due to it, if I may say so. How to I make sure the video fits to screen, please? I've tried to locate the page source code to see if I can somehow resolve this coming from the CSS angle, but I just don't know where to look: is the page stored on disk or is it stored inside SQL, much like the SharePoint would be doing it...?Thank you once more for your guidance.

  • Sotiris Filippidis 286 posts 1501 karma points
    Jan 13, 2017 @ 14:10
    Sotiris Filippidis
    0

    Thanks Lucian!

    I'm not aware of such a bug - every video I've tried shows correctly, unless you're trying a video with an exotic resolution - so far standard definition and hd videos seem to work fine. Do you have this problem with a specific browser and / or video?

    The file you are looking for is /Views/Partials/Intro_YouTube.cshtml

  • Lucian Ionica 3 posts 73 karma points
    Jan 13, 2017 @ 14:51
    Lucian Ionica
    0

    I appreciate the swift feedback, Sotiris! Thank you ever so much for sharing the location of the source code. I might try to alter

    string youtubeUrl = "https://youtu.be/" + homePage.YoutubeVideoId;

    so that I could point at the media file from within the site itself (from within the media repository, let's say) to see if that changes the behaviour anyhow.

    I was trying only on Google Chrome to begin with and my resolution differs:

    • on the main machine I use 1920x1080
    • on the additional monitor I use 3840x2160

    The video is not of great quality yet (it's merely a test for now only, taken from my phone) and it's here https://youtu.be/eB2Ci-d4Nio

    Thanks once more.

    Lucian

  • Sotiris Filippidis 286 posts 1501 karma points
    Jan 13, 2017 @ 15:02
    Sotiris Filippidis
    0

    I am lucky to have a Dell 34" UHD monitor with a 3840 horizontal resolution so I tried it with your video. Indeed, in such a resolution the horizontal/vertical ratio causes the video to zoom. It's not a problem with the video player though.

    The player the theme is using is an open source one, here are its settings: https://github.com/pupunzi/jquery.mb.YTPlayer/wiki

    You can find the call to the player at line 23 of the Intro_YouTube.cshtml file:

    <div id="video" class="ytp-player" data-property="{videoURL:'@youtubeUrl',containment:'#intro', showControls:false, autoPlay:true, loop:true, mute:true, startAt:6, opacity:1, addRaster:false, quality:'default'}"></div>
    

    I suggest you experiment with parameters there, rather than hard-coding your video URL which I don't think will offer you anything different.

  • Lucian Ionica 3 posts 73 karma points
    Jan 13, 2017 @ 15:13
    Lucian Ionica
    0

    ---> yes, I was already looking at the controls on the line 23, thank you so much once again!

    I'll put a decent definition video on my youtube profile to stream from, then. Am I right in thinking that the video background landing page is destined for users that browse this on a computer or on tablets only, and so on phones this is disabled - you get a white background that replaces the video? If that's the case then I need to pay attention at the text color I use, as white text on white background would read nothing on a phone.

    Lucian

Please Sign in or register to post replies

Write your reply to:

Draft