Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 23, 2013 at 2:58 pm #203265
    BenWorx

    Hi there,

    URL: http://www.videyou.nu/wp

    I have created a slide which has video in a DIV, on desk/laptop it is showing fine but not on Iphone..

    Any suggestions?

    Thanx!

    December 24, 2013 at 7:53 am #203506
    Ismael

    Hey Ben!

    It is not showing on iPhone because it is positioned on the right edge of the slider. Edit the video layer then go to Attributes panel. Add a unique css selector id. Example “awesome-video”. Use this on your custom.css or Quick CSS to move the video element to the left. 

    @media only screen and (max-width: 767px) {
  #awesome-video {
 left: 150px;
}
}

    Cheers!
    Ismael

    December 24, 2013 at 9:17 am #203515
    BenWorx

    Hi Ismael,

    Thank you for your input! I have used your advice..

    The DIV position i used was absolute, coud it be that therefore the css is not influencing the position?

    Also the the video is not responsive and stays relatively large..

    This is the DIV:

    <div style=”position: absolute; top: 70px; left: 200px; width: 410px; height: 234px; background-color: yellow;”><iframe src=”//player.vimeo.com/video/81766071?badge=0&color=fff” width=”410″ height=”234″ frameborder=”0″ webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>

    —

    I realie that this is more HTML, CSS and responsiveness tuition I am asking here and not so much helpdesk related..
    Would you please be so kind to help me out here?

    Thanx!

    Ben

    December 30, 2013 at 4:22 pm #203737
    Devin

    Hi!

    You’ll probably need to do something like this http://css-tricks.com/absolute-positioning-inside-relative-positioning/

    Either inside a media query that only effect iphones or just the general one for mobile we have for you in the css/custom.css file. So you would wrap the video in another div and then use the combined div structure to do your positioning.

    Cheers!
    Devin

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Video in Layer Slider does not show on Iphone’ is closed to new replies.