Chrome & Safari on OSX

  • Resolved Mark Smallman

    (@marks99)


    7 years, 11 months ago

    Hi Thanks for sharing a great plugin amongst the community.
    Unfortunately I seem to be having some trouble getting the video to auto-play in both Chrome & Safari on OSX – it plays fine on FireFoxDev.
    I have done the following to try and figure out the issue, although I am fairly sure it’s a theme issue (custom theme built with Underscores & Foundation).
    1. Checked your demo page – plays the video in Chrome, Safari & Firefox, so eliminates a OSX/Browser issue.
    2. Checked Chrome Console – no issues there to show.
    3. Re-compressed the files with clipchamp.com, the MP4 is 6.7mb, & the WEBM is 2.4mb – both set to 720p.
    4. Tried changing the div from #home-top to .home-top – No change.
    5. Tried creating a new div with nothing else in there except some placement text:
    <div class="row homevid"><p>Some text in here</p></div>
    With the following styles:
    .homevid { margin: 1rem auto; text-align: center !important; height: 600px; }

    All still the same, plays OK in Firefox, but not Safari or Chrome

    https://wordpress.org/plugins/video-background/

Viewing 1 replies (of 1 total)
  • Thread Starter Mark Smallman

    (@marks99)

    7 years, 11 months ago

    Appears this was due to an issue with the plugin ‘Shift-Nav Pro’. Once that plugin was disabled & removed the videos played fine in Safari & Chrome.
    Note: Disabling Shift-Nav did not fix the issue, only disabling & removing Shift-Nav cured the issue.
    Now to create an alternative, mobile friendly menu solution.

Viewing 1 replies (of 1 total)
  • The topic ‘Chrome & Safari on OSX’ is closed to new replies.