About Two Codes for Displaying Web Videos on the Webpage
Supplementary guide of the last step: Upload Files – Publish web video to your website or blog
After publishing the web videos and uploading all of the files in the "output" folder of your computer into the folder which is created for uploaded files on the hosting space of the website following the tutorial How to Make Web Videos like Video News on Yahoo, MSN and YouTube?, you may now put the codes to any other web pages or forums to show your web videos. There are two codes as follows:
First method:
You may know that there is an "html file" among the files in the "output" folder of your computer after publishing. For example: When I finish publishing the web video, I may get the html file named "Mr.Beans.Holiday_Funny.sing_n_dance.html". If the domain name of my website is "www.web-video-player.com" I created a new folder on the hosting space of this website named: "webvideo". Thus, the link of my web video page should be:
http://www.web-video-player.com/webvideo/Mr.Beans.Holiday_Funny.sing_n_dance.html
Right now, I want to put my published video to another web page or blog. There are two types of codes:
Simple one:
<iframe src="Put the link here" width="500" height="450"></iframe>
Right now, I put the link of my web video page to the code above. It turns to be:
<iframe src="http://www.web-video-player.com/webvideo/Mr.Beans.Holiday_Funny.sing_n_dance.html" width="500" height="450"></iframe>
P.S. You may change the size of Width and height according to the size of the web player template so as to display it fully.
Right here, I use the website tool FrontPage 2003 as an example. I create a new page with FrontPage 2003, and the code of the new page will be like this:
---------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>new page 1</title>
</head>
<body>
</body>
</html>
--------------------------------
Right now, I put the code of my published video to <body> </body> of the new page as shown below:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>new page 1</title>
</head>
<body>
<iframe src="http://www.web-video-player.com/webvideo/Mr.Beans.Holiday_Funny.sing_n_dance.html" width="500" height="450"></iframe>
</body>
</html>
If you follow it, you may now save the web page and preview it. You may also use my code to preview the web video.
///////////////////////////////////////////////////////////////////
Second One:
I use Notepad to open the above-mentioned html file. You may find the code between "<object> </object>". As I use the template "advertisement" to publish the video, its generated code is like this:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="550" height="400">
<param name="allowFullScreen" value="true"/>
<param name="movie" value=" advertisement.swf?xml_path=Mr.Beans.Holiday_Funny.sing_n_dance.xml" />
<param name="quality" value="high" />
<embed src=" advertisement.swf?xml_path=Mr.Beans.Holiday_Funny.sing_n_dance.xml" width="550" height="400" quality="high" allowFullScreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
The above is the Relative Path of the files.
NOTE: If you just use the original published html file to view the web page, it is not necessary to change the code above. But, if you also want to put your published video to another web page or blog, you should change the code like this:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="550" height="400">
<param name="allowFullScreen" value="true"/>
<param name="movie" value="http://www.web-video-player.com/webvideo/advertisement.swf?xml_path=http://www.web-video-player.com/webvideo/Mr.Beans.Holiday_Funny.sing_n_dance.xml" />
<param name="quality" value="high" />
<embed src="http://www.web-video-player.com/webvideo/advertisement.swf?xml_path=http://www.web-video-player.com/webvideo/Mr.Beans.Holiday_Funny.sing_n_dance.xml" width="550" height="400" quality="high" allowFullScreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
The above is the Absolute Path of the files.
Right now, I put the code to <body> </body> of the new page as shown below, which is the same as the procedure of the first simple way mentioned above.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>new page 1</title>
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="550" height="400">
<param name="allowFullScreen" value="true"/>
<param name="movie" value="http://www.web-video-player.com/webvideo/advertisement.swf?xml_path=http://www.web-video-player.com/webvideo/Mr.Beans.Holiday_Funny.sing_n_dance.xml" />
<param name="quality" value="high" />
<embed src="http://www.web-video-player.com/webvideo/advertisement.swf?xml_path=http://www.web-video-player.com/webvideo/Mr.Beans.Holiday_Funny.sing_n_dance.xml" width="550" height="400" quality="high" allowFullScreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
</body>
</html>
-
- User Manual Download
- Socusoft Web Video Player User Manual Download: DOC Format
- Socusoft Web Video Player User Manual Download: PDF Format
- Online User Manual Series
- Socusoft Web Video Player Online User Manual Series (I) - Outline and Features
- Socusoft Web Video Player Online User Manual Series (II) - Menu Instructions
- Socusoft Web Video Player Online User Manual Series (III) - Edit Video at "(1) Video"
- Socusoft Web Video Player Online User Manual Series (IV) - "Customize Properties" Panel at "(2) Themes"
- Socusoft Web Video Player Online User Manual Series (V) - "(3) Publish" Instruction
- Socusoft Web Video Player Online User Manual Series (VI) - Advertising Function
- Socusoft Web Video Player Online User Manual Series (VII) - Change Theme Background
- Socusoft Web Video Player Online User Manual Series (VIII) - Integrated Video Converter
- Socusoft Web Video Player Online User Manual Series (IX) - New Series Player Themes (New)
- Tutorials
- Pictorial Guide to Adding Video to a Website New!
- Simple steps to add a logo/ watermark with an embedded link to your video or multiple clips (New)
- A Simple Solution to Make Web Videos and Add Them to Your Website (Hot)
- How to embed multiple web players into the same webpage?
- How to Embed Your Web Video into the Webpage?
- How to Make Web Videos like Video News on Yahoo, MSN and YouTube? (Hot)
- Manage Wordpress installations from one dashboard free
- About Two Codes for Displaying Web Videos on the Webpage
- Explore Free Functions of Socusoft Web Video Player (Hot)
- Flash Player and Web Video Player
- Best Way to Make a MSN TV (MSN Player Template) (Hot)
- Easy Conversion Guide to iPod, Apple TV and iPhone Video Formats (Hot)
- Perfect Solutions: Trim, Split, Merge or Convert Videos and Extract Sound Clips (Hot)
- A Simple Solution to Make Your Web Video Player Float on the Webpage