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

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies