Thứ Hai, 2 tháng 6, 2014

YouTube Background Player jQuery



Kỹ thuật sử dụng video trên Youtube làm hình nền chuyển động cho website.
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>JS Bin</title>
    <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="http://www.seanmccambridge.com/tubular/js/jquery.tubular.1.0.js"></script>
    <script>
        $().ready(function() {
            $('#wrapper').tubular({
                videoId: 'IoFepqbFN2o'
            });
        });
    </script>
</head>

<body>
    <div id="wrapper" class="clearfix">
        <div id="main">
            <p id="video-controls" class="black-65">Video controls:
                <br /><a href="#" class="tubular-play">Play</a> | <a href="#" class="tubular-pause">Pause</a> | <a href="#" class="tubular-volume-up">Volume Up</a> | <a href="#" class="tubular-volume-down">Volume Down</a> | <a href="#" class="tubular-mute">Mute</a>
            </p>
        </div>
    </div>
</body>

</html>



seanmccambridge
https://code.google.com/p/jquery-tubular/
Kỹ thuật sử dụng video trên Youtube làm hình nền chuyển động cho website.
YouTube Background Player jQuery

Chủ đề: