littlebrain2 (littlebrain2) wrote,

Code demonstrating a problem with video object in Chrome browser

<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title></title>
ead>
<style TYPE="text/css">
    
body { position: relative; }
div {
    position: absolute;
    width: 100px;
}

div.first {
    left: 0;
    top: 0;
}

div.second {
    left: 0;
    top: 300px;
}

video {
    margin-left: 50px;
}    
 </style>

</head>

<body >
<div class="first">
    <p><a href="#">In Chrome, any part of this link that overlies the video, cannot be clicked.</a></p>
</div>

<video controls>
<source id='mp4'
        src="http://media.w3.org/2010/05/sintel/trailer.mp4"
        type='video/mp4'>
      <source id='webm'
        src="http://media.w3.org/2010/05/sintel/trailer.webm"
        type='video/webm'>
      <source id='ogv'
        src="http://media.w3.org/2010/05/sintel/trailer.ogv"
        type='video/ogg'>
      <p>Your user agent does not support the HTML5 Video element.</p>
</video>

<div class="second">
    <p><a href="#">This video does not have controls, and all parts of the link are clickable in Chrome</a></p>
</div>
<video>
<source id='mp4'
        src="http://media.w3.org/2010/05/sintel/trailer.mp4"
        type='video/mp4'>
      <source id='webm'
        src="http://media.w3.org/2010/05/sintel/trailer.webm"
        type='video/webm'>
      <source id='ogv'
        src="http://media.w3.org/2010/05/sintel/trailer.ogv"
        type='video/ogg'>
      <p>Your user agent does not support the HTML5 Video element.</p>
</video>
 
</body>
</html>
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 0 comments