Paste One - Private Copy and Paste

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap.3.0.0.css" />
<!--        <link rel="stylesheet" type="text/css" href="css/bootstrap.theme.3.0.0.css" />-->
        <script type="text/javascript" src="js/jquery.1.9.1.js"></script>
        <script type="text/javascript" src="js/jquery.webcam.js"></script>
        <script type="text/javascript" src="js/bootstrap.3.0.0.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 
    </head>
    <body>
    <script>
        $(document).ready(function(){
            $("#camera").webcam({
                width: 320,
                height: 240,
                mode: "callback",
                swffile: "js/jscam_canvas_only.swf",
                onTick: function() {},
                onSave: function() {},
                onCapture: function() {},
                debug: function() {},
                onLoad: function() {
 
                    var cams = webcam.getCameraList();
                    for(var i in cams) {
                        jQuery("#cams").append("<li>" + cams[i] + "</li>");
                    }
                }
            })
 
 
            $('#XwebcamXobjectX').addClass('embed-responsive-item')
 
        })
 
    </script>
 
    <style>
        .video_container {
            width: 80%;
            margin: 0 auto;
            padding: 2em 0 2em 0;
        }
        .embed-responsive.embed-responsive-16by9 {
            padding-bottom: 56.25%;
        }
 
        .embed-responsive {
            position: relative;
            display: block;
            height: 0;
            padding: 0;
            overflow: hidden;
        }
        .embed-responsive .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 10%;
            width: 80%;
            height: 100%;
            border: 0;
        }
        .embed-responsive-item{
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }
 
    </style>
    <div class="container">
        <div class="video_container">
            <div id="camera" class="embed-responsive embed-responsive-16by9" >
 
            </div>
        </div>
 
    </div>
 
    </body>
</html>