Support » Fixing WordPress » Fallback Image On iPhone Not Showing

  • I don’t want the fullscreen video to show on mobile devices and want an image instead. The video works great on a computer, but it’s just black on a mobile device.

    Any ideas what I’m doing wrong? Thanks!


    <section id="intro" class="content-section intro-section">
    <div class="pane-wrapper">
                    <div class="primary-pane">
                        <img src="" alt="" class="logo">
    <div id="video-container">
    <video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0" style="position:absolute; height:auto; width:100%;">
     <source src="" type="video/webm"> <source src="" type="video/ogv">
    <img src="" style="min-width:100%; height:auto">

    And some CSS

    .video .intro-section {
    background: #3b4347;
    background-image: none;
    .intro-section {
    background: transparent url('') no-repeat center center;
    background-size: cover;
    background-color: #3b4347;
    color: #fff;
    padding: 0;
    position: relative;
    height: 100%;
    min-height: 100%;
    #video-container {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Fallback Image On iPhone Not Showing’ is closed to new replies.