To maintain a successful internet business over the coming years, it will be critical to have an in-depth knowledge of video marketing. It will no longer be enough to rely on written content to cater for your internet marketing success. Embedding video…
Joost de Valk is an expert WordPress SEO blogger.
This is a video from a presentation he gave in London in 2008 on WordPress SEO & Optimisation strategies.
Enjoy…
Wordpress SEO Slides
Here are the slides that go with the presentation:
Want to embed a video into your Wordpress blog? XHTML embed is a simple yet powerful tool to add flash content to your Wordpress blog.
Here’s where you can download the plugin for free:
http://wordpress.org/extend/plugins/xhtml-video-embed/
Free Video Coding
There is an online website where you can get your own custom HTML codes created for you free of charge. The free video codes are guaranteed to work with all video and audio clips and all you need to do is answer a few simple questions. It works with all media including wmv, mov, swf, flv, rm, even mpeg and avi. Simply select the type of media you would like to post live on the web, enter your URL, answer a few questions and wulla you have the exact code to embed video or audio into your website.
It’s a completely free service. And here’s the website address:
http://www.freevideocoding.com/
Here’s an example of some embedding code I inserted recently from YouTube:
<object width=”480″ height=”295″><param name=”movie” value=”http://www.youtube.com/v/bR3huhQZWpw&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/bR3huhQZWpw&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed></object>
And here’s the video behind that code:
If your interested:
This is an interesting post I found that guides you threw the process of embedding sound into your website or blog. He provides the exact code you need and explains how the codes ties in together.
Three different HTML tags you can use in your embedding code are:
http://www.yourhtmlsource.com/images/multimedia.html
This website starts off with a discussion about two different HTML tags you could use to embed sound into your website. The tags are:
<EMBED> and <BGSOUND>
The discussion revolves around the extra features available when using the <EMBED> tag over the <BGSOUND> tag. For an in depth description of these two HTML tags and other important attributes in your embedding code, take a look a this website:
http://www.webreference.com/js/column20/embed.html
Embedding Video - How to Embed Video Into Your Website
Last but not least, is a valuable article that teaches you how to embed a YouTube video into your own blog or website.
Here’s the link:
http://ezinearticles.com/?Embedding-Video—How-to-Embed-Video-Into-Your-Website&id=2075185
Scott Clark has writtin an interesting post on his blog with detailed instructions on how to add a YouTube video to your website. The article was originally written in 1998 but has been updated in 2008 to keep up with the latest technology. He does a good job explaining the ease that YouTube will provide in hosting videos on their server, using their bandwidth rather than wasting your own bandwidth within your hosting account.
The blog post is titled “How To Add a YouTube Video to Your Web Site“
Click here to take a look:
http://www.htmlgoodies.com/tutorials/web_graphics/article.php/3480061
Here’s a great video that shows you step-by-step how to embed video into an existing web page:
Another website I’ve found recently that gives you a brief tutorial explaining what each part of the HTML code does for you. This site has a number of HTML training courses, not just embedding video. It also includes HTML frame tutorials, meta taggs and web page colour codes and names.
Getting back to embedding video, some of the attributes this tutorial discusses include SRC, width and height, autoplay, loop and controller. They all perform an important function within the embedding code that sets your video up online.
The title of this post is called “HTML free tutorial - Embedding Video”
You can locate the web page here:
http://www.webdevelopersnotes.com/tutorials/adhtml/html_free_tutorial_embedding_video.php3
Stay tuned for more on the way shortly…
If you come across a website with a top notch video you’d like to claim for your own personal or business website, you can find the original URL for the video in the source code of this website.
You should only be doing this for videos that are publicly available, so a video posted to an online video directory such as Youtube or Yahoo Video.
It depends what type of web browser you’re using, so I’ll go through the process using Internet Explorer and also Mozilla Firefox.
INTERNET EXPLORER
Internet explorer should have an option in the toolbar at the top of your browser saying “Page.” Mine is showing at the top right but it would depend how you have your browser set up. To open the HTML source code for the website where the video is, click Page / View Source and this will bring up the HTML source code for this site.
MOZILLA FIREFOX
Mozilla is slightly different. In the toolbar at the top left of your screen you’ll see “View.” Click on this and then click Page Source. So the process is View / Page Source to open the HTML code.
Once you’ve opened the HTML source page, you need to find the code that refers to the video you’re after. If it’s a Youtube video, all you need to do is enter “Ctrl+F” to open the find box, then type in “youtube.” This will instantly take you to the embedding code of the youtube video.
Then simply copy the you tube URL. I usually paste it into a wordpad document as I find this easiest to copy and paste later on into my website HTML code. And there you have it, that’s how you find the URL and embedded video.
Tweet this blog… Your followers will thank you!
If you follow my simple step-by-step process “How to Embed Video into Your Website or Blog,” it’s a really simple process after that. All you need do is insert the following line of code into your embedding code. Here it is:
&autoplay=1
That’s all you need to put in. The trick is knowing exactly where in your embedding code you need to insert this line. If I use Youtube as an example again, your original code will look something like this:
<object height=”295″ width=”480″><paramname=”movie” value=”http://www.youtube.com/v/4JlKYjw9V4U&hl=en&fs&autoplay=1″ /><param name=”allowFullScreen” value=”true” /><param name=”allowscriptaccess”value=”always” /> <embed src=”http://www.youtube.com/v/4JlKYjw9V4U&hl=en&fs=1″type=”application/x-shockwave-flash” allowscriptaccess=”always”allowfullscreen=”true” height=”295″ width=”480″ /></object>
*********************************************************
NOW IF YOU WANT YOUR VIDEO TO AUTOPLAY
*********************************************************
We’re purely interested in the second URL in the code above. You don’t need to touch the first URL at all.
All you need do is inert “&autoplay” like I said before. Here is what your new code will look like:
<object height=”295″ width=”480″><paramname=”movie” value=”http://www.youtube.com/v/4JlKYjw9V4U&hl=en&fs” /><paramname=”allowFullScreen” value=”true” /><param name=”allowscriptaccess”value=”always” /><embed src=”http://www.youtube.com/v/4JlKYjw9V4U&hl=en&fs&autoplay=1″type=”application/x-shockwave-flash” allowscriptaccess=”always”allowfullscreen=”true” height=”295″ width=”480″ /></object>
*********************************************
Notice from the code above, all I did was enter &autoplay just before the =1 part of the code. Make sure you insert this after the second URL link, not the first. This is the most common mistake people make when trying to this.
Then simply upload your new HTML code to your website and this video will be live on the web, playing instantly as soon as anyone visits your website.
Like I’ve said before it’s a good idea to include <br /> twice after you insert the youtube embedding code. This will leave a gap after your video so your web page doesn’t look all cramped.
If you’re not sure what <br /> stands for it’s like hitting the enter key on your keyboard.
The current Alexa rankings show Facebook at a 5 and Twitter at number 285. Facebook clearly offers a larger variety of applications but Twitter have recently come out with a new ingenious technique that could tip the balance.
Here’s what I’m talking about…
There’s a cool new tactic that’s just come out that allows you to add a video to your webpage and then give people the opportunity to tweet the video within their own Twitter account. Actually, you could use this for any form of web content. It doesn’t have to be a video but I’ll use video for my example.
Here’s how it works:
What you need to do, is add a link or banner graphic at the bottom of your video stating anything you want really. But the idea is that visitors to your web page click the link, log into their twitter account and there they will instantly see a new Twitter post. All they need do, is approve the post by clicking update and they will have posted this video (your video) to all the followers they have on twitter.
If you get a decent % of visitors to your website clicking this link and tweeting your video, just imagine how quickly your video and hence website could turn viral.
Very powerful stuff!
Here’s an idea of what you could write in your link or banner graphic:
“Tweet this video… Your followers will thank you”
As you might have already guessed this could be used with any kind of web content… and help it turn viral in next to no time.
Here’s the code you need to insert into your website to give visitors the opportunity to tweet your video, website, blog or any other form of web content:
<a href=”http://twitter.com/home?status=Turn your web content viral with Lightning Speed. Learn how to utilize twitter to it’s full potential http://www.EmbeddingVideo.com … You need to check it out” target=””blank””>Tweet this blog… Your followers will thank you!</a>
And here’s what it looks like in real life…
Click on this link to see exactly how it works.
Tweet this blog… Your followers will thank you!
Pretty cool.
Make sure you leave a comment to let me know what you think…
There are so many video websites available today that allow you to utilise other people’s videos on your own websites, you can almost get away without having to create videos yourself. Sites such as Youtube, Yahoo Video, Metacafe and Revver all provide embedding code that you can quickly copy and paste directly into your own website HTML code.
If I use Youtube as an example, all you need to do is find the video you want to insert into your own website and copy the “Embed” code showing on the youtube page, usually to the right of the video. Just click in the box to highlight the code, then copy and paste into your own website HTML.
The Youtube code should look something like this:
********************************************************
<object width=”480″ height=”295″><param name=”movie” value=”http://www.youtube.com/v/4JlKYjw9V4U&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/4JlKYjw9V4U&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”295″></embed></object>
********************************************************
After you’ve inserted the HTML embedding code, it’s always a good idea to leave some room after the video. What I always do is, insert the following code twice after the video HTML:
<br />
<br />
This acts just like hitting the enter key on your keyboard twice. Leaves a bit of room after the video so your page doesn’t look to cramped.
Embedding video is becoming more and more popular. There are still some sites that don’t make it easy to copy embedding code into your own website, but there are plenty that do. If you’re looking to promote anything online or simply create an entertaining website, utilizing other people’s video’s can be an easy way to gain a foothold.
Hey, just a quick one to let the world now this blog is now live!
Look forward to loads of fresh new content on the way shortly.
| M | T | W | T | F | S | S |
|---|---|---|---|---|---|---|
| « Apr | ||||||
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
Posting tweet...
Powered by Twitter Tools.
