FeedBurner
Play Your Own Music or Videos on Your Blog
Setting up a music player or running videos either on your blog or in a blog post is pretty simple when you know the proper coding to do it with. The first thing you need to do though is to get your personal music or home video files hosted somewhere on the internet so that you can link to it. For more information on how to do that please see the page on uploading files and using a service like Streamload here. The Streamload file hosting service is free and easy to use.
The coding that you use for music is slightly different than that for videos but I’m going to give you both code examples in the sections below.
Music Player: To set up the music player just copy and paste the code in the window below, either into your sidebar or your blog post and change the words “mymusicfilename.file” to the actual link for your music file. To make the music start playing automatically just change the word “false” to “true”. Leaving it at “false” will require listeners to push the play button to start the music.
This player is what you end up with using the code above. The controls may look different depending on your file type.
Video Player: To run a movie file in your blog post basically uses the same coding but with the dimensions changed to a larger size. Most movie files seem to run best at 320 by 260, but, you can edit those numbers if the video looks oddly shaped or the controls don’t fully show up or it looks stretched out in any way when it’s playing and displayed on your blog. 320 is the width and 260 is the height of the display. Simply copy and paste the code from the window below into your blog post editor and change the link “myvideofilename.file” to the actual link of your video file. Change the command “false” to “true” if you want the video to start playing immediately after the page loads. Very simple!
This player is what you end up with using the code above. The controls may look different depending on your file type.
A short clip (2.5mb) that I uploaded in Quicktime .mov format
using my low-buck Kodak digital photo camera
tags: music, video, embedding, tutorials, tech help,
November 11th, 2007 at 8:49 am
Good grief, what a great blog! Here is my problem: I have successfully been posting since before Halloween. Same way of posting - pix uploaded to google, clips embedded from YouTube — then, yesterday, I posted and suddenly I had a large 4×4 inch grey box that blocked a portion of the top of my page - on SeaMonkey and Firefox. In Safari, all the videos looked like stills — no access. Later, all the video on all of my posts went dead on Safari (and pretty much all other Mac browsers except Firefox and SeaMonkey)when that wasn’t the case earlier in the day — like a spreading infection! I then posted a test entry and that got rid of the grey box on SeaMonkey and Firefox (now everything runs perfect there) but on Safari and friends, page looks perfect, but all video embeds are dead — stills. On some browsers, a black or white box where the video is supposed to sit, but on Safari — dead stills. What on Earth could be the problem here? Blogger people are so clueless and offer zero help.
I want to stay with Blogger (and would love to apply your Terminal Black skin eventually, but I figured you might be able to pin-point the problem here.
I so appreciate any help you can offer. Please take a look at the site let me know what you think the problem may be.
super thanks!
November 11th, 2007 at 9:39 am
It sort of sounds like you’re pasting the codes into your post editor manually. If so, you can’t paste them in using the Compose mode. The post editor must be showing in Edit HTML when you paste them in. Once the code is pasted in you can’t switch back to Compose mode because Blogger won’t recognize some of the tags and will try to “correct” it.
This actually breaks the code and will make your videos display weird in some browsers and not at all in others. If they were working fine before and you went back and edited the post and switched it to Compose, again, it will break the code. Any future editing of the post must be done in Edit HTML.
Hope that helps, if that’s not the problem then I don’t know what else to tell you. I’ve no experience with Safari browser, if it continues giving yout trouble I suggest downloading and using Firefox browser for writing your posts.
From what I can remember, Blogger isn’t even supported using Safari, Firefox is what they recommend.