HTML5 Video tag + CSS

FRONT-END 2015. 8. 31. 09:23

<html>

<head>
<meta charset="utf-8" />
</head>

<head>

<script type="text/javascript">  //iphone&LGphone do not load automatically.
window.onload = function(){
  document.getElementById('video').load();
}
</script>

<style type="text/css">
#video{
  width : auto;
  margin : 0% 3%;  //상하 0%, 좌우 3%
  min-width: 94%;
  max-height: 100%;
  border : 3px solid white;
  border-radius : 10px;
}

#texts{
  font-size : 36px;
  margin : 5%;
}
</style>

</head>

 

<body>
<br/>

<video id="video" controls>   // Ref-Site:
  <source src="mpp_vod.mp4" type="video/mp4">
  Browser does not support HTML5 mp4.
</video>


<br/>
<br/>

<p id="texts">
Test용 동영상입니다.<br/><br/>
</p>

</body>
</html>

Posted by yongary
,