관리 메뉴

moozi

movie.html 본문

TIS_2016/주말반_1기

movie.html

moozi 2016. 4. 2. 11:22

<!doctype html>

<html>

    <head>

       <meta charset="utf-8">

        <!-- viewport. 모바일기기에 맞게 맞춰주는 기능 ----->

        <meta name="viewport" content="width=device-width, initial-scale=1">

       <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />


        <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>


        <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

                

        <style type="text/css">

            /* ui-btn-active 재정의 */

/*

            .ui-btn-active{

                background-color: red !important;

            }

*/

            /* ui-body 재정의 */

            .ui-body{

                margin: 10px;

            }

            /* ui-body-a 재정의 */

            .ui-body-a{

                width: 350px;

                padding:auto !important;

            }

            

            .footer_style{

                padding:auto;

            }

        </style>


    </head>

    <body>

        <div data-role="page" data-fullscreen="true">

            <div data-role="header">

                <a href="index.html" data-icon="back" data-iconpos="notext">back</a>

                <a href="index.html" data-icon="home" data-iconpos="notext">home</a>

                <h1>영화예고편</h1>

            </div>

            <div data-role="content">

               <!-- 서버에서 직접 실행 --------------------------->

                <!-- cotrols : 컨트롤러가 표시됨. 시작버튼.진행바.볼륨조절.등

                    autoplay : 처음부터 자동실행

                <video controls autoplay>

                    <source src="video/movie.mp4" type="video/mp4">                    

                </video>

                -->

               

               <!-- 서버에서 직접 실행. 끝 ------------------------>

                <!-- 유투브 동영상 실행 --------------------------->

                <iframe width="560" height="315" src="https://www.youtube.com/embed/dgLhY4o_3aA" frameborder="0" allowfullscreen></iframe>

                <!-- 유투브 동영상 실행 . 끝 ----------------------->

                

            </div>

            <div data-role="footer">

                <h3 class="footer_style">Copyright &copy; reserved by CGV.</h3>

            </div>

        

        </div>

    </body>

</html>

'TIS_2016 > 주말반_1기' 카테고리의 다른 글

무비 전체 소스  (0) 2016.04.02
구글맵  (0) 2016.04.02
movie.html  (0) 2016.04.02
4/2 introduce.html  (0) 2016.04.02
movie작업예제  (0) 2016.04.02
gallery 예제  (0) 2016.03.26
0 Comments
댓글쓰기 폼