joshua/dash-docs
1
0
Fork 0
mirror of https://github.com/seigler/dash-docs synced 2025-07-27 17:56:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Load Youtube iframe on click only

Browse source 
(Increases performances and offers better privacy)
This commit is contained in:
Saivann 2015-06-26 12:20:21 -04:00
parent 098fcf1b22
commit 007d45381f
9 changed files with 215 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

37
_less/screen.less
View file

@ -434,10 +434,39 @@ table td,table th{
color:#7b7c7c;
margin:20px auto 45px auto;
}
.mainvideo iframe{
.mainvideo{
position:relative;
margin:auto;
max-width:640px;
max-height:360px;
}
.mainvideo iframe,
.mainvideo img{
width:640px;
height:360px;
}
.mainvideo div div{
cursor:pointer;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.mainvideo .mainvideoicon{
display:block;
background:url(/img/icons/video_play.svg) center center no-repeat;
}
.mainvideo .mainvideoiconhover{
display:none;
background:url(/img/icons/video_play_hover.svg) center center no-repeat;
}
.mainvideo:hover .mainvideoicon{
display:none;
}
.mainvideo:hover .mainvideoiconhover{
display:block;
}
.mainlist{
font-size:125%;
width:760px;
@ -2327,10 +2356,9 @@ h2 .rssicon{
.press-quotes p{
width:auto;
}
.mainvideo{
.mainvideo>div{
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
@ -2341,6 +2369,9 @@ h2 .rssicon{
width:100%;
height:100%;
}
.mainvideo img{
height:auto;
}
.mainlist,
.mainlist>div{
width:auto;