Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Embedded Object

Featured Replies

Hi

 

Is anyone able to see why this embedded object will show up in IE but not in Firefox. I've checked my link to the music file and that's not the problem, but that in IE the play/pause symbol shows up and in firefox it doesn't show at all.

 

<h4>Click on the following to hear samples from the CD:</h4>

<ul><li>Des oges mais

<object

height="27px"

width="70px"

classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95">

<param name="AutoStart" value="0" > <!-- not wanting it to play on page loading -->

<param name="FileName" value="../_music/des_oges.mp3">

<param name="loop" value="0" >

</object>

</li>

 

Perhaps there is a better way of being able to do this? I'm creating a list of cd's and on just a couple of tracks I want a 30sec example/intro that people can choose to click to hear, or a link that will allow them to download.

 

Thanks

 

Beth

Edited by bethlou

Try this code:

<embed src="yourmusic.mid" 
width="140" height="40" autostart="false" loop="FALSE"> 
</embed>

Edited by DannyG17

  • Author

Try this code:

<embed src="yourmusic.mid" 
width="140" height="40" autostart="false" loop="FALSE"> 
</embed>

 

 

Thanks, I tried that. In PSPad that I use on the preview that works lovely, but when I upload the file to the server firefox still doesn't show anything at all. In Internet explorer previewing the document from my computer gives me a Q for the player with no pop-ups to suggest I need to download or allow anything and once it's uploaded to the server shows a broken film strip. I've attached screen shots of both. There must be something I'm not doing right, but it's got me stumped!

 

Thanks

 

The code was:

 

<h4>Click on the following to hear samples from the CD:</h4>

<ul><li>Des oges mais

<embed src="../_music/cds/medieval_feast/des_oges.mp3"

width="140" height="40" autostart="false" loop="FALSE">

</embed>

 

</li>

post-7999-0-79368300-1295789307_thumb.jpg

post-7999-0-16619900-1295789635_thumb.jpg

  • Author

Don't you need to close the </ul>

 

Very true :blush1: Unfortunately it hasn't made any difference, I still can't see the play options.

 

Beth

Try this code:

<embed src="yourmusic.mid" 
width="140" height="40" autostart="false" loop="FALSE"> 
</embed>

 

That code does work with .wav files but perhaps not with .mp3 files.

 

Try adding controller="true" in the embed tag, but I think you need to look at the following links:-

http://www.labnol.org/internet/design/html-embed-mp3-songs-podcasts-music-in-blogs-websites/2232/

http://designshack.co.uk/articles/html/four-quick-and-easy-ways-to-embed-mp3-files-into-your-site

It seems that .mp3 needs a Flash Player.

Edited by Wickham

  • Author

Thank you, those links are really interesting and helpful. I have got it working, yay! Just need to fiddle a bit more with it now :)

 

Beth

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.