```
{% load staticfiles %}
<!DOCTYPE html>
<html>
    <head>
        <title style="font-weight:bold; font-family:cursive">Font Maker </title>
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
        <link href='//fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
        <link href='ank1.css' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="{% static 'css/blog.css' %}">
    </head>
    <div class="embed-responsive embed-responsive-4by3">
    <body>
          <div class="page-header">

            <h1><a href="/"style="font-weight:bold; font-family:cursive">FoNt MaKeR</a></h1>
        </div>
        <video autoplay loop muted="background">

        <source src="//player.vimeo.com/external/158148793.hd.mp4?s=8e8741dbee251d5c35a759718d4b0976fbf38b6f&profile_id=119&oauth2_token_id=57447761"type="video/mp4"></source>

    </video> 

        <div class="content container">
            <div class="row">
                <div class="col-md-8">
                    {% block content %}
                    {% endblock %}
                </div>
            </div>
        </div>

</div>
    </body>
    </div>
</html>

```

**By this, video is playing but not in background of the page. Video is playing in another section but not in background. One more thing, I am not able to play video which is downloaded in my system.**