<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html>
<head>
<title>Ollie Bike Sharing</title>
<meta charset="utf-8"/>
</head>
<body>
<h1>Video</h1>
<h3>The video element uses a number of attributes.</h3>
<p> Let's take a look at them:</p>
<ol>
<li>width and height: Set the size of the screen that displays the video.</li>
<li>controls: Adds play, pause and volume control.</li>
<li>source src: Sets the URL of the video to play.</li>
<li>type: Specifies different video formats.ou can find us.</li>
</ol>
<video width="420" height="340" controls>
<source src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-1/ollie.mp4" type="video/mp4">
</video>
</html>
