https://search.google.com/test/mobile-f … hGHoFl_94w

Joe

Joe wrote:

strawbs89 wrote:

also does that script accept mpeg links

this is a fake example: http://elfbar.com/stream

Try it and see.

Joe

i'v been working alot more on my site
but the play/pause buttons work but no sound on mobile device
there's sound on laptop but not mobile. wondering if you could try it out
https://coolvibes-reloaded.com

Play/Pause does not work on my Samsung Galaxy S9 ..

i'v been working alot more on my site
but the play/pause buttons work but no sound on mobile device
there's sound on laptop but not mobile. wondering if you could try it out
https://coolvibes-reloaded.com

Play/pause works on my iphone.

Joe

strawbs89 wrote:

also does that script accept mpeg links

this is a fake example: http://elfbar.com/stream

Try it and see.

Joe

i'v been working alot more on my site
but the play/pause buttons work but no sound on mobile device
there's sound on laptop but not mobile. wondering if you could try it out
https://coolvibes-reloaded.com

also does that script accept mpeg links

this is a fake example: http://elfbar.com/stream

Try it and see.

Joe

this is a fake example: http://elfbar.com/stream

Joe wrote:

strawbs89 wrote:

it plays and pauses on this page

but not on my jj2.wpp

A couple of issues on your page.

1. Staff Schedule fragment -
a. You had included head and body tags with the code and pasted it into Body. I've copied your original fragment and placed it on the pasteboard for reference. The one that's on the page I've separated the head and body coding and moved them to the correct places.
b. The audio still would not work as expected. This was due a conflict between two different versions of Jquery, v3.5.1 in the staff schedule fragment and 1.11.1 which Webplus uses for the show/hide actions of the audio buttons. To remedy I've removed the actions from the buttons and put a small jquery script in the fragment.

File attached.

Joe

thank you but it's telling me it caan't find the files you have put in there
do you have the files?

not to worry i'v found em

strawbs89 wrote:

it plays and pauses on this page

but not on my jj2.wpp

A couple of issues on your page.

1. Staff Schedule fragment -
a. You had included head and body tags with the code and pasted it into Body. I've copied your original fragment and placed it on the pasteboard for reference. The one that's on the page I've separated the head and body coding and moved them to the correct places.
b. The audio still would not work as expected. This was due a conflict between two different versions of Jquery, v3.5.1 in the staff schedule fragment and 1.11.1 which Webplus uses for the show/hide actions of the audio buttons. To remedy I've removed the actions from the buttons and put a small jquery script in the fragment.

File attached.

Joe

thank you but it's telling me it caan't find the files you have put in there
do you have the files?

it plays and pauses on this page

but not on my jj2.wpp

A couple of issues on your page.

1. Staff Schedule fragment -
a. You had included head and body tags with the code and pasted it into Body. I've copied your original fragment and placed it on the pasteboard for reference. The one that's on the page I've separated the head and body coding and moved them to the correct places.
b. The audio still would not work as expected. This was due a conflict between two different versions of Jquery, v3.5.1 in the staff schedule fragment and 1.11.1 which Webplus uses for the show/hide actions of the audio buttons. To remedy I've removed the actions from the buttons and put a small jquery script in the fragment.

File attached.

Joe

but not on my jj2.wpp

Separate the two buttons and try it again. If it works place the play button on top of the pause button and bring the play button to the front and preview again.

If it fails upload a single page project file with the butons and fragment on it, with your next post.

Joe

also i'm pushing play yes that works but can't pause it i have done what you've said
i've put it on my site but can't pause

element

<audio id="myAudio"
<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4"
         type="audio/mp4">
<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga"
         type="audio/ogg";>
Your browser does not support the HTML5 Audio element.
</audio>

also i'm pushing play yes that works but can't pause it i have done what you've said
i've put it on my site

Separate the two buttons and try it again. If it works place the play button on top of the pause button and bring the play button to the front and preview again.

If it fails upload a single page project file with the butons and fragment on it, with your next post.

Joe

To use the codepen script you would also need to download font awesome and include it in your site.

A simpler way is use a play image and a pause image and put one on top of the other, add a couple of actions to each with an onclick line of javascript, and a tiny bit of css. See the attached file, pages Home and Three. Preview in a browser.

If you want to use it, do it the easy way. Slide one image off the other > copy both to your page. Copy the HTML fragment and paste on your page. Preview in a browser. If all OK double click the fragment and enter the names of your audio files.

Joe

also i'm pushing play yes that works but can't pause it i have done what you've said
i've put it on my site

To use the codepen script you would also need to download font awesome and include it in your site.

A simpler way is use a play image and a pause image and put one on top of the other, add a couple of actions to each with an onclick line of javascript, and a tiny bit of css. See the attached file, pages Home and Three. Preview in a browser.

If you want to use it, do it the easy way. Slide one image off the other > copy both to your page. Copy the HTML fragment and paste on your page. Preview in a browser. If all OK double click the fragment and enter the names of your audio files.

Joe

ok would that work with both desktop and mobile versions?
which actions would i have to use?

A simpler way is use a play image and a pause image and put one on top of the other, add a couple of actions to each with an onclick line of javascript, and a tiny bit of css. See the attached file, pages Home and Three. Preview in a browser.

If you want to use it, do it the easy way. Slide one image off the other > copy both to your page. Copy the HTML fragment and paste on your page. Preview in a browser. If all OK double click the fragment and enter the names of your audio files.

Joe