javascript - HTML5 Audio player not showing correctly in iOS Chrome & Safari -
i have html5/jquery/php audio player works fine on desktop browsers when test in ios - see grey track bar - believe controls hidden behind track bar because can click around randomly , start playing associated file.
echo '<div class="' . $audioplayer . '" style="display: none;margin: 0 0 0 0 !important;">'; echo '<audio controls="controls">'; echo '<source src="/journeychurch/media/' . $audiofile . '.wav" type="audio/wav">'; echo 'your browser not support audio element.'; echo '</audio>'; echo '</div>'; echo '<script>'; echo 'var ' . $audiobtn . ' = "' . $audiobtn . '";'; echo 'var ' . $audioplayer . ' = "' . $audioplayer . '";'; echo '$(".' . $audiobtn . '").click(function(){'; echo '$(".' . $audioplayer . '").slidetoggle("slow");'; echo '});'; echo '</script>';
the live demo here: http://idevhunter.com/journeychurch/sermons
as can see, problem on css exhibition styles. audio component hidden on element. try change padding or margin sizes audio element , parents.
Comments
Post a Comment