| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- 스카이 안드로이드폰 시리우스 K양 동영상
- 안드로이드
- 구글 안드로이드 개발
- objective-c
- 안드로이드 바탕화면
- 안드로이드 개발 2.0
- 안드로이드개발
- 스카이 안드로이드폰 시리우스
- sky 시리우스폰
- 안드로이드 배경화면
- 안드로이드2.0
- 스마트폰 배경화면
- 안드로이드2.0개발
- 안드로이드폰
- 안드로이드 개발 강좌
- 인기있는 블로그 만들기
- 하루한마디영어
- android
- 아이폰 바탕화면
- Form Stuff
- SKY 시리우스
- MapView
- 구글 안드로이드
- 안드로이드 개발 2.0 강좌
- 안드로이드 개발
- 아이폰 배경화면
- 안드로이드 2.0 개발
- 하루 한마디 영어
- 구글안드로이드
- 영어
- Today
- Total
moozi
삼성 데모 본문
<!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 |