Firefox wont show "Play Tune" button in NetSuite Website
Our company has an Ecommerce store created in NetSuite named Sanfrancisco Music Box. Because we sell music boxes, musical carousels and water globes, we have the tune in a "Play Tune" field where customers can hear the tune the product plays prior to making a purchase. So this is a very important element to our website.
The problem is that the "Play Tune" button shows up in IE and Chrome, but not in FireFox. It shows a long grey box where the play button should be, but no play button. I have tested this with various co-workers who have tried to view the product and play the tune in FireFox. It is the same outcome and same grey box.
Things I have tried is adding the Windows Media Player plugin and testing the play button in other browsers. The play button is in an embed tag and from all the research I've done about this, it should show the button.
You can view the same item we have been testing at the following address:
Thanks
~Joe Randolph
Wšykne wótegrona (5)
That is an embed tag that plays a type="audio/wav" .wav file. You need a plugin like QuickTime that supports this content type. It would be best though to use a file type that can be played natively by the HTML5 media player. Then no plugin would be needed.
With this .wav file the browser console shows this error message.
Media resource http://www.sanfranciscomusicbox.com/site/media/tunes/PearlyShells.wav could not be decoded.
See also;
<embed height="20" width="250" controller="true" controls="playbutton" wmode="opaque" loop="false" autoplay="false" autostart="false" src="/site/media/tunes/PearlyShells.wav" type="audio/wav"></embed>
I know the .wav has to have the Quicktime plugin. However, I have changed it to .mp3 prior to contacting you guys and that didn't work either. Even after I installed the Windows Media Player plugin. I changed the media file to a .mp3 again so you can view and inspect the element. In addition, I have added a screenshot of the tag. You can go to the link and still see the non-existent "Play Tune" button.
That file is send as Content-Disposition:
- Content-Disposition: attachment;filename*=utf-8PearlyShells.mp3
- Content-Type: audio/mpeg
With an embed this would still require QuickTime.
It works for me with the built-in HTML5 media player and the audio tag to play the MP3 file without using a plugin.
You can test that with this data URI via the location/address bar:
data:text/html,<audio src="http://sanfranciscomusicbox.com/site/media/tunes/PearlyShells.mp3" controls>
Do you actually see the "Play Tune" button in Firefox because we don't. Yes, we know it plays if you go to the actual URL, however, the issue is that Firefox is not displaying the "Play Tune" button. It is just greyed out. See attached screenshot.
I can't play the file with a plugin as this doesn't work for me on Linux, but the absence of player controls means that no player is loaded. Your screenshot didn't include the location bar, so I do not know if a plugin Lego block is present.
If I modify the page code to use an audio element then the file plays with the HTML5 media player.
