DIR : /home/kozerus/public_html/ko/ko_object.html
/home/kozerus/public_html/ko
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> HTML Object Tag Example </title>
<style>
body{
background-color: #8FBC8F;
}
</style>
</head>
<body>
<center>
<h2> HTML Object Tag</h2> <br>
<object type="video/mp4"
poster=/imgs/btn/koeye_youtube.png
data="https://www.youtube.com/embed/Xs3MCM0dXW0"
height=100px width=200px>
</object>yt
<object type="audio/mpg"
data="/kb/aud/mp3/library_of_congress.mp3"
poster=/imgs/btn/koeye_mp3.png
height="200px" width="400px">
</object>mp3
<object type="video/mp4"
poster=/imgs/btn/koeye_mp4.png
data="/index1_avril.mp4"
width=250 height=200>
<img src=/imgs/btn/btn_koeye_mp4.png height=20>
</object>mp4
<object type="application/pdf"
poster=/imgs/btn/btn_pdf1.png
data="/fb/byrdbellvjk.pdf"
width="250" height="200">
<img src=/imgs/btn/btn_pdf1.png height=50>
</object>pdf
<br>
<hr color=black>
<hr color=black>
<video height="200px" width="400px" controls
poster=/imgs/btn/koeye_youtube.png
<source src="https://www.youtube.com/embed/Xs3MCM0dXW0" ></source>
type="video/mp4">
</video>yt
<video height=200px width=400px controls
poster=/imgs/btn/koeye_mp3.png type="audio/mp3"
<source src=/kb/aud/mp3/library_of_congress.mp3 ></source>
type="audio/mp3" >
</video>mp3
<video height=200px width=400px controls
poster=/imgs/btn/koeye_mp4.png
<source src=/index1_avril.mp4 ></source>
type="video/mp4">
</video>mp4
<br>
<hr color=black>
<!-- <source src="http://www.w3schools.com/tags/horse.ogg" type="audio/ogg" /> -->
<!-- <source src="http://www.w3schools.com/tags/horse.mp3" type="audio/mpeg" /> -->
<audio id="audio_play1">
poster=/imgs/btn/koeye_mp3
<source src="/kb/aud/mp3/library_of_congress.mp3"
type="audio/mpeg" /></source>
</audio>
<img src=/imgs/btn/koeyew_mp3.png onClick="document.getElementById('audio_play1').play(); return false;" />
<img src=/imgs/btn/koeyeb_mp3.png onClick="document.getElementById('audio_play1').stop(); return false;" />
<br>
<audio id="audio_play2">
poster=/imgs/btn/koeyew_mp3
<source src="http://www.w3schools.com/tags/horse.mp3" type="audio/mpeg" />
</audio>
<img src=/imgs/btn/koeyew_mp3.png onClick="document.getElementById('audio_play2').play(); return false;" />
<img src=/imgs/btn/koeyeb_mp3.png onClick="document.getElementById('audio_play2').stop(); return false;" />
<video width="470" height="255" poster="/imgs/btn/koeye_mp4.png" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
<source src="video.webm" type="video/webm">
<object data="video.mp4" width="470" height="255">
<embed src="/index1_avril.mp4" width="470" height="255">
</object>
</video>
<video width="400" controls="controls" preload="metadata">
<source src="/index1_avril.mp4#t=0.5" type="video/mp4">
</video>
</center>
<video id="video1" width="470" height="264" poster="/imgs/btn/koeye.png" onclick="playPause()">
<source src="video.mp4" width="470" height="264" type="video/mp4" >
<source src="video.webm" type="video/webm" >
<source src="video.ogv" type="video/ogg" >
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="470" height="264" >
<param name="movie" value="video.swf" >
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="11.0.0.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="../../Scripts/expressInstall.swf">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="/index1_avril.mp4" width="500" height="500">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="11.0.0.0">
<param name="expressinstall" value="../../Scripts/expressInstall.swf">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
Unfortunately Your browser is old and does not support full video experience.
</object>
</video>
<script>
var myVideo=document.getElementById("video1");
var att=document.createAttribute("poster");
if (myVideo.error) {
switch (myVideo.error.code) {
case MEDIA_ERR_NETWORK:alert("Network error - please try again later.");break;
case MEDIA_ERR_DECODE:alert("Video is broken.."); break;
case MEDIA_ERR_SRC_NOT_SUPPORTED:alert("Sorry, your browser can't play this video."); break;
}
}
else
{
function playPause()
{
if (myVideo.paused)
{
myVideo.play();
att.value="";
myVideo.setAttributeNode(att);
}
else myVideo.pause();
}
}
</script>
</body>
</html>
//