-
Posts
-
Unfortunately, embeded audio is still a problem with this release. It’s slightly better than before, but definitely not working properly. Any text I place above an audio tag is displayed properly, but any text placed below one is overlapped by the audio player. If I put several lines and paragraphs below the audio tag, the size of the player just increases in height to cover those lines.
You can reproduce this easily enough, just throw this on a page:
Code:Test Test Test[audio src="https://www.secondshifters.com/podcasts/Second%20Shifters%20Podcast%20-%20Episode%2096%20(Dagnabbit).mp3"]
Test test test
Blah blah blah
blah blah blah
If it helps, a large part of the problem appears to be this line on line 1953 in css/shortcodes.css:
Code:height: 100%!important;There’s still some padding/margin issues with that turned off,but I think that should get you on the right track.
Hey!
Hey!
Are you already using the 1.9.1 version we released today? I checked the audio embed and it works fine for me :)
Best regards,
Kriesi
Aha! That did it!
I was using 1.9 from earlier today. You must have fixed it already with 1.9.1.
Good work :)
Hmm. Well, I stand corrected. There are still some problems. Can you take a look at this one:
Hi!
The only small glitch I noticed is the volume bar position. You can fix it with following css code.
.mejs-controls div.mejs-horizontal-volume-slider {
width: 60px;
}Best regards,
Peter
Hi Peter,
Thanks for getting back with me. The volume slider is what I was referring to; you are correct. Sadly, your CSS didn’t do the trick though: http://www.secondshifters.com/music/cell-division/
By the way, in case you want to try to re-create this somewhere else for testing, all you’re seeing there is an icon box in a 1/3 width section. Inside the icon box, for the actual content part of it, I have this audio tag:
Code:[audio src="https://www.secondshifters.com/interviews/Cell_Division_Interview.mp3"]I think you’re probably using the same debug method I just tried, so I’ll save you a bit of time. If I ‘inspect element’ on chrome and find the 60px line you had me add, I can then edit it down to 40px, and on my display it suddenly looks great. However, once I actually plug 40 into the code you gave me in the Quick CSS box and refresh, the volume slider still drops below the player. I suspect maybe some javascript rewriting is going on perhaps? Maybe I’m on the wrong track there, but hopefully that helps you test it on your end.
The problem is I can’t reproduce this bug on my test servers. When I add the shortcode into a page it displays just fine: http://test.inoplugs.com/impressum/
Please create me a wordpress admin account and send me the login data to: (Email address hidden if logged out) – I’ll look into it.
I’ll email you the login data, but I think you’re missing the part where I said to put it in a 1/3 width section.
Hey!
Yes you’re right but it still works for me: http://test.inoplugs.com/impressum/
I’ll check this on your server asap.
Regards,
Peter
I backed up my quick CSS section, so if you need to change something there, that’s okay.
I am seeing that your tabs appear to be broken on your replica of our page… I’m not sure if that was intentional or not.
Just something to keep an eye on (I’m watching as you work): http://www.secondshifters.com/2013/08/05/podcast-episode-96-dagnabbit/
That post appears to have broken by what you did to fix the Cell Division page.
Hi!
I forwarded it to Kriesi. I now know why it doesn’t work on your server and why it does work on my server and we’ll find a fix. I’m just not sure what’s the best solution yet.
Best regards,
Peter
Hey!
The “large responsive” layout (1210px). The bug does not occur if I use the standard layout (1030px).
Best regards,
Peter
ok, it took my a while to find a solution but got one now.
Problem was that the mediaelement script that creates the interface elements does a wrong width calculation in % based layouts like columns and sometimes is off by 1px. thats why the last element often didn’t fit into the container.
The next update will include the necessary css changes to circumvent the problem :)
Cheers!
- The topic ‘Embeded audio problem – Enfold 1.9 / WordPress 3.6’ is closed to new replies.