diff --git a/_less/screen.less b/_less/screen.less
index f29cc4e1..0721fe6c 100644
--- a/_less/screen.less
+++ b/_less/screen.less
@@ -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;
diff --git a/_templates/index.html b/_templates/index.html
index b53f16a5..a24b6ddb 100755
--- a/_templates/index.html
+++ b/_templates/index.html
@@ -5,8 +5,26 @@
layout: base
id: index
---
+

{% translate list1 %}

{% translate list2 %}
diff --git a/img/icons/video_play.png b/img/icons/video_play.png
new file mode 100644
index 00000000..42f3eebd
Binary files /dev/null and b/img/icons/video_play.png differ
diff --git a/img/icons/video_play.svg b/img/icons/video_play.svg
new file mode 100644
index 00000000..c947a7df
--- /dev/null
+++ b/img/icons/video_play.svg
@@ -0,0 +1,69 @@
+
+
diff --git a/img/icons/video_play_hover.png b/img/icons/video_play_hover.png
new file mode 100644
index 00000000..28f4dade
Binary files /dev/null and b/img/icons/video_play_hover.png differ
diff --git a/img/icons/video_play_hover.svg b/img/icons/video_play_hover.svg
new file mode 100644
index 00000000..e2c6e485
--- /dev/null
+++ b/img/icons/video_play_hover.svg
@@ -0,0 +1,71 @@
+
+
diff --git a/img/video/COPYING b/img/video/COPYING
new file mode 100644
index 00000000..fa4052e3
--- /dev/null
+++ b/img/video/COPYING
@@ -0,0 +1,3 @@
+The files inside this folder may be subjected to copyright restrictions. The
+use of these materials is not permitted unless otherwise specified by their
+copyright owner.
diff --git a/img/video/video_wuc.jpg b/img/video/video_wuc.jpg
new file mode 100644
index 00000000..119e2b82
Binary files /dev/null and b/img/video/video_wuc.jpg differ
diff --git a/index.html b/index.html
index 714719fb..3320510a 100755
--- a/index.html
+++ b/index.html
@@ -7,8 +7,26 @@ lang: en
id: index
title: Bitcoin
---
+
{% translate listintro %}
-
+
+

+
+
+

{% translate list1 %}

{% translate list2 %}