Player showing “error”

About Support Media Player showing “error”

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #3031
    Avatar for seanmcintseanmcint
    Participant

    The last sermon upload at https://praiseway.uk/podcast-archives/ is showing the word “error” and doesn’t play. However the file is there and when I click on the link in the media section of church admin it plays fine.

    #4598
    Avatar for Andy MoyleAndy Moyle
    Keymaster

    If you right click and then inspect and look at the html, it’s there

    But…. your theme is giving it as height of 0px!

    .sermonmp3 {
    width: 350px;
    height: var(–inline-controls-bar-height);
    min-width: 44px !important;
    min-height: var(–inline-controls-bar-height) !important;
    background: #000;
    margin-top: 5%;
    }

    I have no idea what ” var(–inline-controls-bar-height);” means – but it computes a 0px which means no one can see it.
    Uncheck height, min-height and background and it looks normal while inspecting.

    Just get rid of those in your divi-child theme and you will be fine!

    #4599
    Avatar for seanmcintseanmcint
    Participant

    @andymoyle said:
    ght) !important;
    Just get rid of those in your divi-child theme and you will be fine!  

    Hi Andy, not quite sure what you mean as everything is visible. I did uncheck the styles as you instructed and it just changed the appearance.

    I looked a bit deeper and the problem seems to be that it references the facebook video url instead of the mp3 file

    Here’s the html on a sermon without a video attachment:
    audio class=”sermonmp3″ src=”https://praiseway.uk/wp-content/uploads/sermons/2020.03.01.sean.mcintyre.a-christian-attitude-to-suffering.mp3″ preload=”auto” controls=””>

    And the same html on a sermon that also has a video attachment:
    audio class=”sermonmp3″ src=”https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fwatch%2F%3Fv%3D876202826177813&show_text=1&width=2002020-03-23-sundayword.mp3″ preload=”auto” controls=””>

    As you can see, it’s pulling in the facebook url instead of the mp3 file

    #4600
    Avatar for Andy MoyleAndy Moyle
    Keymaster

    So found an issue where there is a video and an mp3 – that’s fixed for 2.6700
    But mp3 only entries on your podcast will probably still have an invisible player because your theme gives them zero height at lines 508 and 510 – certainly in Chrome browser

    #4601
    Avatar for seanmcintseanmcint
    Participant

    Thank

    @andymoyle said:
    So found an issue where there is a video and an mp3 – that’s fixed for 2.6700
    But mp3 only entries on your podcast will probably still have an invisible player because your theme gives them zero height at lines 508 and 510 – certainly in Chrome browser  

    Thanks Andy. Not sure what you mean by invisible? I can see the player fine

    #4613
    Avatar for Andy MoyleAndy Moyle
    Keymaster

    Bit of a hectic season.
    In Google Chrome on a Mac and PC, your sermons that have audio look like this…

    Screenshot-2020-04-08-at-20.50.15.pngScreenshot-2020-04-08-at-20.50.15.pngScreenshot-2020-04-08-at-20.50.15.png
    The audio player does show on Edge and Safari – but 67% of Internet users use Chrome and can’t play your audio, because it gets a 0px height and is not visible.

    Get rid of the lines
    min-height: var(–inline-controls-bar-height) !important;
    and
    height: var(–inline-controls-bar-height) !important;

    in your theme’s stylesheet for .sermonmp3 around line 607 and they will be visible in all browsers.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.