Code:<div class="video-background">
<div class="video-foreground">
<iframe src="https://sitv.us/Pub_inc/Profiles/sitv/index.html" allowfullscreen></iframe>
</div>
</div>
The above would have to go in your About me section and you need to host and create a page
similar to the html code that is in
https://sitv.us/Pub_inc/Profiles/sitv/index.html and shown below
Code:<html lang="en">
<head>
<meta charset="UTF-8">
<title>Youtube_To_Background</title>
<link rel="stylesheet" href="css/style.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8" src="js/jquery.tubular.1.0.js"></script>
<script type="text/javascript" charset="utf-8" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
</head>
<body style="height: 0% !important; pdding:0px !important; margin:0px !important">
<div id="wrapper" class="tabular">
<div class="content">
</div>
</div>
<script>
$('document').ready(function() {
var options = { videoId: 'KGfxtbiNoLk', start: 1, mute: false, repeat: true };
$('#wrapper').tubular(options);
});
</script>
Edit to add: This is just one way of doing it and considering it uses flash probably not the best way
Google "youtube html page background example"
there is many more updated ways to accomplish it and HTML5 updated methods would be the wise way to go
on these