Circleflip mobile theme youtube

  • Circleflip mobile theme youtube
    Viewing 4 posts - 1 through 4 (of 4 total)

  • BP908
    Participant
    #3980

    Hi there,

    Recent blog post, have a look at it on mobile devices:

    http://darait.co.uk/2015/06/windows-10-and-you/

    All of the images and text re-size correctly but the youtube video does not.

    How do we get that responsive for mobiles?


    Omar
    Keymaster
    #3982

    Hello BP908,

    The Iframe for the shared video is set with specific width and height.
    Please let me know how have you entered the video url? and which post format did you use?
    if you used Video post format, you should insert the url and not the embed url
    If it’s a default post please add an embed url
    and modify the embed code to be
    <iframe width=”100%” height=”100%” src=”https://www.youtube.com/embed/videoid” frameborder=”0″ allowfullscreen></iframe>
    instead of
    <iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/videoid” frameborder=”0″ allowfullscreen></iframe>

    Regards


    BP908
    Participant
    #3985

    Hi Omar,

    It now works fine on mobile devices, is there anyway of fixing it so it does not look so tiny and petite on the desktop version?
    http://darait.co.uk/2015/06/windows-10-and-you/

    Many thanks,


    Omar
    Keymaster
    #3988

    Hello BP908,

    Please update the iframe height to be 460px
    and add the following to the Custom CSS panel at
    Theme Options >> General >> Advanced
    and add

    @media (max-width: 400px) {
    .single-post iframe {
    height: 100% !important;
    }
    }

    let me know if that does it 🙂

    Cheers

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Circleflip mobile theme youtube’ is closed to new replies.