Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Posts

  • Joined

  • Last visited

Personal Information

  1. @christyprice Thank you for your response! Yes, this happened even before I inserted your code. Sorry, if I w was not clear on that point. These videos all play, it is only when the page orientation changes to reveal the alternate version of the video, that video does not load. I was just hoping there was an amendment to the CSS I could add that would force a load/playing of the video of the newly revealed page video.
  2. @christyprice After implementing CSS, I ran into a couple small issues I was hoping you could help with. On my site www.ericsnoza.com I have background videos running on several of my pages. I have mobile versions and desktop versions of the videos. Using your CSS, I created two sections (one version/one mobile). The first issue I run into is that on screen rotation the new video will not run/load. It will only display the default background image. The second issue is that on mobile devices, I am getting white bars on the sides in landscape view, and when I rotate back to portrait view, those white bars crop my video in the background. (see see attached) I am testing on iPhone X with both Chrome and Safari. Let me know if you need any additional information. Thanks!
  3. @christyprice This worked perfectly! Thank you!!
  4. @tazmeah Thank you for your input! Using the event listener for orientation change sounds like it would be a nice solution. I know that reloading on orientation is not the most elegant solution, but to my knowledge, there is no way to have the site recognize the orientation of the background video/photo that is playing and use the appropriate version of the video/photo (landscape vs portrait). You can see this on my site pages (home, photo, video) If there are CSS options available to do this, or even another method I am not aware of, I am open to making any changes I need to. Thanks!
  5. Site URL: http://www.ericsnoza.com @paul2009 provided the perfect solution to an issue of guiding viewers of my site to a "mobile" version based on the screen size. A brilliant solution that worked perfectly. <script> if (document.documentElement.clientWidth <720) { window.location = "/mobile/home"; } </script> My query is that I would also like to account for screen rotation, so that if they come to my site and are guided to the mobile (portrait) version, and then rotate their screen, the page will change/reload to the standard (landscape) version of my site - and vise versa - while they are in landscape and rotate to portrait, it would revert to the mobile version. Let me know if I can provide any additional information to help. Thanks!
  • Create New...