Bitchkoma
01-28-2010, 06:45 PM
I have observed that most of you do not use AmKon's other video embedding options besides YouTube. True, YouTube holds most videos out there but there are a number of other options and here at AmKon we have had options besides YouTube for a while. Even before the board upgrade we have had Google Video embed enabled. Still it was not widely used. It occured to me that perhaps this was because there was no clear documentation on how to use the other options.
It is with great pleasure that I present to you this Amkon Video Embedding Tutorial.
Supported Video Sites
Currently the board supports embedding videos from the following websites: http://amkon.net/images/custom/youtubez.gif YouTube (http://www.youtube.com/) [jump to tutorial] (http://amkon.net/video-embedding-tutorial-t24630.html?p=336337#post336337) http://amkon.net/images/custom/googlevid.gif Google Videos (http://video.google.com/) [jump to tutorial] (http://amkon.net/video-embedding-tutorial-t24630.html?p=336338#post336338) http://amkon.net/images/custom/tv.gif Disclose.TV (http://www.disclose.tv/) [jump to tutorial] (http://amkon.net/video-embedding-tutorial-t24630.html?p=336339#post336339) http://amkon.net/images/custom/dailymotion.gif Dailymotion (http://www.dailymotion.com/en) [jump to tutorial] (http://amkon.net/video-embedding-tutorial-t24630.html?p=336341#post336341) http://amkon.net/images/custom/vimeo.gif Vimeo (http://www.vimeo.com/) [jump to tutorial] (http://amkon.net/video-embedding-tutorial-t24630.html?p=336342#post336342) http://amkon.net/images/custom/liveleak.jpg LiveLeak (http://www.liveleak.com/) [jump to tutorial] (http://amkon.net/video-embedding-tutorial-t24630.html?p=336343#post336343) http://amkon.net/images/custom/metacafe.gif Metacafe (http://www.metacafe.com/) [jump to tutorial] (http://amkon.net/video-embedding-tutorial-t24630.html?p=336344#post336344)
I will proceed to instruct you on how to embed videos from each of these websites. But before we begin, let us go through a few terms I will use in our tutorial here. Here I list down the terms, along with description of what it means for our purpose today.
video URL - this is simply the exact website address of the video you are trying to embed. Each website has a different URL format which will determine how we obtain the next important bit of information for embedding videos here at AmKon. For example, the YouTube video URL for a RickRoll video is
http://www.youtube.com/watch?v=oHg5SJYRHA0
video ID - this is a unique identifier that tells the server which video to play in the flash player. Depending on the website, the video ID may be found in the video URL or the embed code. In the previous example of the Rick Astley video, the video ID is in the video URL, highlighted below
http://www.youtube.com/watch?v=oHg5SJYRHA0
video embed code - this is the code that most video sites provide for the purpose of embedding the video in MySpace pages or personal blogs. It is usually provided in a box labeled "embed". For some video sites, the video ID can only be extracted from the embed code. Continuing with the example video from before, the embed code looks like this:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/oHg5SJYRHA0&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/oHg5SJYRHA0&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
As you can see in the example above, the same video ID that you can extract from the video URL is found in the video embed code, as is highlighted.
video bbcode - this is the special forum code that you wrap around the video ID to embed it into your post. The code is specific to each website, so you cannot for example use a YouTube bbcode for a LiveLeak video ID. I won't go through an example code here because of that reason.
You can also call the video bbcode by clicking on specific buttons in the post editor. For example, the YouTube button looks like this: http://amkon.net/images/custom/youtubez.gif
You will still have to manually insert the video ID between the bbcode tags, though.
The bbcode button for all other supported video sites are actually shown in the supported sites list at the beginning of this post.
*Note: Please don't use the video ID above to test. Rickrolls are disabled by default so your experiments with that ID are doomed to fail.
With that out of the way let us walk through the instructions on how we go about embedding videos in your posts here at AmKon with each different source video site. I will provide two examples for each video site.
It is with great pleasure that I present to you this Amkon Video Embedding Tutorial.
Supported Video Sites
Currently the board supports embedding videos from the following websites: http://amkon.net/images/custom/youtubez.gif YouTube (http://www.youtube.com/) [jump to tutorial] (http://amkon.net/video-embedding-tutorial-t24630.html?p=336337#post336337) http://amkon.net/images/custom/googlevid.gif Google Videos (http://video.google.com/) [jump to tutorial] (http://amkon.net/video-embedding-tutorial-t24630.html?p=336338#post336338) http://amkon.net/images/custom/tv.gif Disclose.TV (http://www.disclose.tv/) [jump to tutorial] (http://amkon.net/video-embedding-tutorial-t24630.html?p=336339#post336339) http://amkon.net/images/custom/dailymotion.gif Dailymotion (http://www.dailymotion.com/en) [jump to tutorial] (http://amkon.net/video-embedding-tutorial-t24630.html?p=336341#post336341) http://amkon.net/images/custom/vimeo.gif Vimeo (http://www.vimeo.com/) [jump to tutorial] (http://amkon.net/video-embedding-tutorial-t24630.html?p=336342#post336342) http://amkon.net/images/custom/liveleak.jpg LiveLeak (http://www.liveleak.com/) [jump to tutorial] (http://amkon.net/video-embedding-tutorial-t24630.html?p=336343#post336343) http://amkon.net/images/custom/metacafe.gif Metacafe (http://www.metacafe.com/) [jump to tutorial] (http://amkon.net/video-embedding-tutorial-t24630.html?p=336344#post336344)
I will proceed to instruct you on how to embed videos from each of these websites. But before we begin, let us go through a few terms I will use in our tutorial here. Here I list down the terms, along with description of what it means for our purpose today.
video URL - this is simply the exact website address of the video you are trying to embed. Each website has a different URL format which will determine how we obtain the next important bit of information for embedding videos here at AmKon. For example, the YouTube video URL for a RickRoll video is
http://www.youtube.com/watch?v=oHg5SJYRHA0
video ID - this is a unique identifier that tells the server which video to play in the flash player. Depending on the website, the video ID may be found in the video URL or the embed code. In the previous example of the Rick Astley video, the video ID is in the video URL, highlighted below
http://www.youtube.com/watch?v=oHg5SJYRHA0
video embed code - this is the code that most video sites provide for the purpose of embedding the video in MySpace pages or personal blogs. It is usually provided in a box labeled "embed". For some video sites, the video ID can only be extracted from the embed code. Continuing with the example video from before, the embed code looks like this:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/oHg5SJYRHA0&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/oHg5SJYRHA0&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
As you can see in the example above, the same video ID that you can extract from the video URL is found in the video embed code, as is highlighted.
video bbcode - this is the special forum code that you wrap around the video ID to embed it into your post. The code is specific to each website, so you cannot for example use a YouTube bbcode for a LiveLeak video ID. I won't go through an example code here because of that reason.
You can also call the video bbcode by clicking on specific buttons in the post editor. For example, the YouTube button looks like this: http://amkon.net/images/custom/youtubez.gif
You will still have to manually insert the video ID between the bbcode tags, though.
The bbcode button for all other supported video sites are actually shown in the supported sites list at the beginning of this post.
*Note: Please don't use the video ID above to test. Rickrolls are disabled by default so your experiments with that ID are doomed to fail.
With that out of the way let us walk through the instructions on how we go about embedding videos in your posts here at AmKon with each different source video site. I will provide two examples for each video site.