embedded video in HTML

HTML - Video Codes

Videos can be embedded into your html documents (web pages) two different ways. One method is
to use the tag to display your media file. The embed tag does not require a closing tag. In fact, it works much like the image tag. A src attribute must be defined by the correct URL (local or global)
in order for the video file to be displayed correctly. Here is a look at the embed tag with a global URL, feel free to use this URL while you practice.
<div class="codewrap">
<h2 class="specialT">HTML Code:h2><pre class="code">&lt;embed 
 autostart="false" /&gt;

<h2 class="specialT">Mpeg Movie:h2><div class="display">
<embed src="http://www.tizag.com/files/html/htmlexample.mpeg" autostart="false">
div><p>You may start and stop your movie files by either pressing 
the buttons at the bottom of the object or by single clicking (stop) on the 
object and double clicking your mouse (continue/play).p>
<p>You may also simply place the URL of your media files into the <i>
hrefi> attribute of an anchor tag, much like the concept of "thumbnailing" 
<div class="codewrap"><h2 class="specialT">HTML Code:h2><pre 
class="code">&lt;a href="http://www.tizag.com/pics/flash/<font color= 
<h2 class="specialT">Flash Media:h2><div class="display">
<a title="Flash Media" target="_blank"  

<h1>HTML - Video Media Typesh1>
<p>Flash movies (.swf), AVI's (.avi), and MOV's (.mov) file types are 
supported by the embed tag.p>
<li>.swf files - are the file types created by Macromedia's Flash program.
<li>.wmv files - are Microsoft's Window's Media Video file types.li>
<li>.mov files - are Apple's Quick Time Movie format.li>
<li>.mpeg files - set the standard for compression movie files created by 
the Moving Pictures Expert Group.li>
<p>The listings above are the most commonly used formats for the internet. 
".mpeg" files and Macromedia's .swf files are the most compact and widely used 
among the internet. Stick to any of the file types above for use with your web 

<h1>HTML - Embed Attributesh1>
<p>Along with the previously discussed src attribute, there are some unique 
attributes available to the &lt;embed /&gt; tag including: volume, autostart, 
hidden, and loop.p>
<li><i>autostarti> - controls the media's ability to start without 
prompting. Values are true or false.li>
<li><i>hiddeni> - controls whether or not the play/stop/pause 
embedded object is hidden or not. Values are true or false. (Hide your embeded 
media if you just want background noise).li>
<li><i>loopi> - A true value means the media will continuously loop, 
false means no looping.li>
<li><i>playcounti> - Setting a playcount means the media will 
repeat itself x number of times instead of continuously as with the loop attribute 
above. (playcount="2" will repeat the video twice).li>
<li><i>volumei> - set a numeric value for the loudness of your 
media. (0-100).li>ul>
<h1>HTML - Google Videoh1>
<p>Google video has recently gained popularity as a source for sharing
movies on the internet. At <a target="_blank" title="Google Video"
 href="http://video.google.com/">Google Videoa> it is possible to 
search for any type of movie. Google allows you to download and display 
these movies on any of your own html pages.p>
<p>As you search through videos there Google has provided a text 
area with an embed tag inside of it. Copy this text area to your own HTML 
pages to embed Google videos onto your own pages.p>
<div class="codewrap"><h2 class="specialT">HTML Code:h2><pre 
class="code">&lt;! -- Google Video HTML Code -- &gt;

&lt;embed style="width:400px; height:326px;" id="VideoPlayback" 
align="middle" type="application/x-shockwave-flash" 
layerId=8734085858581743191" allowScriptAccess="sameDomain" 
quality="best" bgcolor="#ffffff" scale="noScale" 
wmode="window" salign="TL" FlashVars="playerMode=embedded"&gt;

&lt;! -- End of Google Video HTML Code --&gt;
<p>It is a messy code above, but once you put it into your HTML documents
you get a great video clip.p>


Popular Posts