- This topic is empty.
-
Posts
-
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.
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!
@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
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 browserThank
@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 browserThanks Andy. Not sure what you mean by invisible? I can see the player fine
Bit of a hectic season.
In Google Chrome on a Mac and PC, your sermons that have audio look like this…
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.
- You must be logged in to reply to this topic.