How to Auto-play Music on Tumblr
If you want to provide an entertaining feature on your Tumblr blog, add music that automatically plays when a visitor loads your site in a browser. This auto-play capability gives your listeners the ability to hear the songs you specify, and you can add this to the blogs that focus on music topics. Use tools in your Tumblr account to add the HTML code that enables you to play music on your site automatically.
Other People Are Reading
Instructions
-
-
1
Go to a free audio hosting site such as FileFactory, zShare, File Dropper, Data File Host or YourFileLink. Click the "Choose File" or "Browse" button and follow the prompts to select your music and upload it. Copy the file address that automatically displays at the end of the process.
-
2
Log in to your Tumblr account. Click the name of the blog you want to add music to in the menu bar at the top.
-
-
3
Click the "Customize Appearance" button on the right, then click the "Theme" link that appears at the top to display your site's code.
-
4
Position your cursor anywhere under the opening "<body>" tag and type the following code:
<embed src="music file address" autostart="true" />
</embed>Enter your music file address after the "src" entry in the code. The "true" after the auto-start attribute instructs the browser to automatically play the music when your Tumblr page loads.
-
5
Click the "Update Preview" button at the bottom of the window to check the page. Click the "Save + Close" button to publish the music to Tumblr.
-
1
Tips & Warnings
Give your visitors the option to pause or stop the music by making the control buttons in the music player visible. Enter "hidden=" followed by "true" in the embed tag:
<embed src="music file address" autostart="true" hidden="false" />
Specify whether you want the music to play multiple times or just once by adding a "loop" attribute to your embed code. Set the loop to "true" to have it play repeatedly, or "false" to stop it after it plays one time. For example:
<embed src="music file address" autostart="true" loop="false" />
References
Resources
- FileFactory: Free File Hosting. File Sharing. File Upload.
- zShare: Free File Hosting Service
- File Dropper: Free File Hosting
- Data File Host: Free File Hosting
- YourFileLink: Free File Hosting, Free Video Hosting, Online File Hosting.
- Tumblr: Help Center
- heSiteWizard: How to Add Background Music to Your Web Page
