Html Course

Attributes of the object and param

HTML <object> - embedding media

The <object> tag is used for embedding media contents (such as images, Java applets, Flash, movie, audio, or even another HTML file) on a web page.
The object element is partially supported in all major browsers, depend on the object inserted into HTML document.
If the object element is not displayed, the code between the <object> and </object> tags will be executed, so you can add an alternative text or an image.

This element is designed to include any sort of document. It uses the type attribute to indicate the "mime type", and the data attribute to indicate the source of the document (its URI).
If the browser (or one of its plugin) can interpret the embedded object, will download and play /run it, otherwise the nested content of the object is displayed.
Any HTML code can be inserted as an alternative content, for example a link to the document or an image.

  Examples:

Embed a PDF document

<object type="application/pdf" data="dir/html_course.pdf" width="300" height="200">
 <img src="dir/html_course.jpg" alt="HTML course" />
</object>
- Here the browser will show a PDF document if it supports the PDF format, otherwise it will show a JPG image (html_course.jpg).
The "width" and "height" attributes define the visible area of the object. The browser scale the object to these dimensions.
 

Embed an HTML file

<object type="text/html" data="dir/test.html" width="500" height="350">
 alt: <a href="dir/test.html" title="Test">test.html</a>
</object>
- If the browser can't use the object element to include an "text/html" file, will show the link added between the <object> and </object> tags (alt: test.html).

• The object element may also contain a number of param elements to define parameters or values for the object when it displays or plays.
 

Embed a SWF file

- This example includes a Flash game (in SWF format), and uses a <param> tag to define a background color for the area in which the game is displayed (set with the "width" and "height" attributes).
- Internet Explorer sometimes needs a <param> with a src parameter to understand the location.
<object type="application/x-shockwave-flash" data="games/cubilus.swf" width="500" height="250">
 <param name="src" value="html/l/cubilus.swf" />
 <param name="bgcolor" value="#fbfbfe" />
 Your browser not support SWF.
</object>
If the browser supports SWF application, will display the "cubilus" game, otherwise shows the text: "Your browser not support SWF."
Here is the result:
Your browser not support SWF.
 

Embend a WAV file

<object type="audio/x-wav" data="dir/test.wav" width="200" height="20">
 <param name="src" value="dir/test.wav" />
 <param name="autoplay" value="false" />
 <param name="autoStart" value="false" />
 Alt : <a href="dir/test.wav" title="WAV file">test.wav</a>
</object>
- Depending on the object, the major browsers use different codes to load the same object type. QuickTime understand the "autoplay" parameter. Windows media Player and Real Audio understand "autoStart" parameter.
 

Embendding audio MP3

<object type="audio/mpeg" data="audio/test.mp3" width="200" height="20">
 <param name="src" value="audio/test.mp3">
 <param name="autoplay" value="false" />
 <param name="autoStart" value="false" />
 Your system can't play audio/mpeg files.
</object>
 

Embendding MOV files

- For some types, like QuickTime document (MOV files), IE needs a non-standard value to the classid attribute, an identifier to load an associated activeX.
We can nest another object as an alternative content, for the other browsers that use the standard code:
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="480" height="360">
 <param name="src" value="dir/movie.mov">
 <param name="controller" value="true" />
 <param name="autoplay" value="false" />

 <object type="video/quicktime" data="dir/movie.mov" width="480" height="360">
 <param name="controller" value="true" />
 <param name="autoplay" value="false" />
 You do not have QuickTime Player installed.
 </object>
</object>

Attributes of the HTML object tag

The <object> tag supports the following attributes (along with: "id", "class", "style", "title"):

Attributes of the param tag

The <param> tag supports the following attributes:

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag defines the clickable areas inside the image map?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Which CSS property defines what is done if the content in a box is too big for its defined space?
display overflow position
#id {
  overflow: auto;
}
Click on the event which is triggered when the mouse is positioned over an object.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Have Good Life");
}
Indicate the PHP variable that contains data added in URL address after the "?" character.
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
HTML object and param

Last accessed pages

  1. Node.js Move and Copy file (28189)
  2. Get and Modify content of an Iframe (31990)
  3. PHP Unzipper - Extract Zip, Rar Archives (31610)
  4. Prayer The Art of Believing (1582)
  5. Convert XML to JSON in JavaScript (33876)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (315)
  2. PHP Unzipper - Extract Zip, Rar Archives (107)
  3. Read Excel file data in PHP - PhpExcelReader (100)
  4. SHA1 Encrypt data in JavaScript (81)
  5. Get and Modify content of an Iframe (73)
Chat
Chat or leave a message for the other users
Full screenInchide