CSS chèn video Youtube vào màn hình Mac sang chảnh

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<style>
.mac {
    margin: 0 auto;
    width: 874px !important;
    height: 677px !important;
    background-image: url('https://i.imgur.com/MyMnJIM.png');
    background-size: 874px 677px;
    display: block;
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 874px;
    height: 677px;
}
.mac>.youtube_video {
    margin-top: 33px;
    padding-left: 35px;
    height: 455px;
    width: 100%;
    padding-right: 35px;
    box-sizing: border-box;
}
</style>

HTML

1
<div class="mac"><iframe id="youtube" class="youtube_video" src="https://www.youtube.com/embed/qLyniM3WFsA" width="100%" height="100%" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
This entry was posted in Website and tagged .

Leave a Reply

avatar
  Subscribe  
Notify of
Cart Item Removed. Undo
  • No products in the cart.