관리 메뉴

moozi

삼성 데모 본문

TIS_2020/응용SW2020_1기

삼성 데모

moozi 2020. 4. 28. 09:33

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <title>Document</title>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

  

    <!-- fontawesome ------------------------------------------------>

    <script src="https://kit.fontawesome.com/a076d05399.js"></script>

 

    <style>

    /* .carousel-indicators > li,

    .carousel-indicators > li.active{

        width: 100px;

        height: 25px;

        border-radius: 0;

        border: solid 1px grey;

        background: lightgrey;

        text-indent: 0;

    }  */

    </style>

</head>

<body>

    <div id="demo" class="carousel slide" data-ride="carousel">

 

        <!-- Indicators -->

        <ul class="carousel-indicators">

          <li data-target="#demo" data-slide-to="0" class="active"></li>

          <li data-target="#demo" data-slide-to="1"></li>

          <li data-target="#demo" data-slide-to="2"></li>

        </ul>

      

        <!-- The slideshow -->

      <div class="carousel-inner">

          <div class="carousel-item active">

            <video id="vid01_pc" muted autoplay loop>              

              <source src="https://images.samsung.com/is/content/samsung/p5/sec/home/2020/p6/kv/0424/0424_BESPOKE_video_PC_1920_810_v3.mp4" type="video/mp4">

            </video> 

            <video id="vid01_mo" muted autoplay loop>              

              <source src="https://images.samsung.com/is/content/samsung/p5/sec/home/2020/p6/kv/0424/0424_BESPOKE_video_MO_1920_810_v3.mp4" type="video/mp4">

            </video> 

            

          </div>

          <div class="carousel-item">

            <img id="img01_pc" src="img/home_kv_01_pc_1920x810.webp" width="100%" height="816" alt="Los Angeles">

            <img id="img01_mo" src="img/home_kv_01_mo_720x1480.webp" width="100%" height="1480" alt="Los Angeles"> -->

          </div>

          <div class="carousel-item">

            <video id="vid02_pc" src="https://images.samsung.com/is/content/samsung/p5/sec/home/2020/p6/kv/0403/home_kv_02_pc_1920x810.mp4" loop autoplay muted>

            </video>  

            <video id="vid02_mo" src="https://images.samsung.com/is/content/samsung/p5/sec/home/2020/p6/kv/0403/home_kv_02_mo_720x1480.mp4" loop autoplay muted>

            </video>

 

          </div>

        </div>

      

        <!-- Left and right controls -->

        <a class="carousel-control-prev" href="#demo" data-slide="prev">

          <span class="carousel-control-prev-icon"></span>

        </a>

        <a class="carousel-control-next" href="#demo" data-slide="next">

          <span class="carousel-control-next-icon"></span>

        </a>

      

      </div>

</body>

</html>

 

'TIS_2020 > 응용SW2020_1기' 카테고리의 다른 글

4/29 삼성데모  (0) 2020.04.29
company  (0) 2020.04.29
float.html  (0) 2020.04.20
4/14 haksa  (0) 2020.04.14
4/14 bookRent  (0) 2020.04.14
Comments