chuc mung GSvideojs.comfinal

File "index.html"

Full path: E:/sites/Single15/tinmung2007/webroot/chuc mung GS/videojs.com/final/index.html
File size: 4.99 KiB (5114 bytes)
MIME-type:
Charset: utf-8

Download   Open   Back 

<!doctype html>
<html>
<head>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>HTML5 Video with Video.JS Demo - [MyLớp.edu.vn]</title>
	
	<link href='http://fonts.googleapis.com/css?family=Noto+Sans&subset=vietnamese' rel='stylesheet' type='text/css'>
	
	<!-- Example Template use Bootstrap -->

	<link rel="shortcut icon" href="../../../favicon.ico">
	
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="../../../example-template/preus-theme/css/bootstrap/bootstrap.min.css">
    
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	
	<link rel="stylesheet" href="../../../example-template/preus-theme/css/skins/main.css">
    <link rel="stylesheet" href="../../../example-template/style.css">
	
	<!-- Example File after here -->
	
	<link href="video-js.css" rel="stylesheet">
	<script src="video.js"></script>
	<style>
		h1, h2 {
			text-align: center;
		}
		.default-video, .video-js {
			width: 640px;
			margin: auto;
			margin-bottom: 20px;
		}
	</style>
</head>

<body>
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
	<div class="container">
    	<!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="http://mylop.edu.vn/" title="Lớp học của tôi, Tình yêu của tôi - MyLớp is MyLove"><img src="http://mylop.edu.vn/wp-content/uploads/2015/01/logo.png" width="45" height="45"></a>
        </div>
    
    	<!-- Collect the nav links, forms, and other content for toggling -->
	    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="http://mylop.edu.vn/huong-dan-chen-html5-video-vao-trang-web-bang-video-js/"><span class="glyphicon glyphicon-menu-left"></span> Quay lại bài viết</a></li>
            </ul>
	    </div>
	</div><!-- /.container -->
</nav>


<section class="container">
	<div class="row">
		<div class="col-md-12">
			<h1 class="text-center">HTML5 Video with Video.JS Demo</h1>
			
			<h2>Default Video Player:</h2>

			<div class="default-video">
				<video width="640" height="352" controls>
					<source src="mov_bbb.mp4" type="video/mp4">
					<source src="mov_bbb.ogg" type="video/ogg">
					Your browser does not support the video tag.
				</video>
			</div>

			<h2>Video Player with Video.JS:</h2>

			<video id="MY_VIDEO_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="352" data-setup="{}">
				<source src="mov_bbb.mp4" type='video/mp4'>
				<source src="mov_bbb.ogg" type='video/ogg'>
				<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
			</video>

		</div>
    </div>
</section><!-- end of main content -->

<footer class="container-fluid">
    <div class="container">
		<div class="row">
			<div class="col-md-10">
				&copy; 2015 <a href="http://mylop.edu.vn/" title="Lớp học của tôi, Tình yêu của tôi - MyLớp is MyLove" class="my_site"><span>MyLớp.edu.vn</span></a> Vui lòng ghi rõ nguồn khi chia sẻ các bài viết từ trang web này
			</div>
			<div id="social-icons" class="col-md-2">
				<a href="https://www.facebook.com/mylop.edu.vn/" title="Facebook" target="_blank"><i class="social-icon fa fa-facebook-square"></i></a>
	            <a href="http://twitter.com/mylop_edu_vn/" title="Twitter" target="_blank"><i class="social-icon fa fa-twitter-square"></i></a>
	            <a href="https://plus.google.com/u/6/b/114513400476635223361/" title="Google Plus" target="_blank"><i class="social-icon fa fa-google-plus-square"></i></a>
	            <a href="https://www.youtube.com/user/hocbootstrap/" title="YouTube" target="_blank"><i class="social-icon fa fa-youtube-square"></i></a>
			</div>
		</div>
    </div>
</footer><!-- end of footer -->

<!-- Latest compiled and minified JavaScript -->
<script src="../../../example-template/preus-theme/js/bootstrap.min.js"></script>   
</body>
</html>

PHP File Manager