Відмінності між версіями «Чмирь»

Матеріал з Київський столичний університет імені Бориса Грінченки
Перейти до: навігація, пошук
Рядок 16: Рядок 16:
  
 
==Медіа==
 
==Медіа==
 +
<style>
 +
#video12 {
 +
  position: relative;
 +
  padding-bottom: 75%;
 +
}
 +
#video12 iframe {
 +
  position: absolute;
 +
  width: calc(100% - 5em);
 +
  height: 100%;
 +
}
 +
#video12 div {
 +
  position: absolute;
 +
  top: 0;
 +
  right: 0;
 +
  width: 5em;
 +
  height: 100%;
 +
  overflow-y: auto;
 +
}
 +
#video12 span {
 +
  display: block;
 +
  text-align: center;
 +
}
 +
#video12 span:hover {
 +
  color: #ff3200;
 +
  cursor: pointer;
 +
}
 +
#video12 span:focus {
 +
  color: blue;
 +
}
 +
</style>
 +
 +
<div id="video12">
 +
  <iframe src="http://www.youtube.com/embed/xFa2_PVMeDQ?rel=0" allowfullscreen="" frameborder="0"></iframe>
 +
  <div>
 +
    <span data-video="xFa2_PVMeDQ" tabindex="0">серия 1</span>
 +
    <span data-video="hSrOpTYKNMw" tabindex="0">серия 2</span>
 +
    <span data-video="WFhzzJjRncI" tabindex="0">серия 3</span>
 +
  </div>
 +
</div>
 +
 +
<script>
 +
var IMG = document.querySelectorAll('#video12 span'),
 +
    IFRAME = document.querySelector('#video12 iframe');
 +
for (var i = 0; i < IMG.length; i++) {
 +
  IMG[i].onclick = function() {
 +
    IFRAME.src = 'http://www.youtube.com/embed/' + this.dataset.video + '?rel=0&autoplay=1';
 +
    if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);
 +
    if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);
 +
    this.style.backgroundColor='rgba(0,0,0,.2)';
 +
  }
 +
}
 +
</script>
  
 
==Див. також==
 
==Див. також==

Версія за 12:19, 1 грудня 2016

Чмирь, -рю, м. 1) Короткая шерсть, остающаяся на пестахъ послѣ валянья, сукна. Вас. 172. 2) Острый, противный запахъ. Борсук у норі такого піддав чмиру. Борз. у. 3) ря. Чумазый.

Сучасні словники

Тлумачення слова у сучасних словниках - 1) пьяница, 2) плохой человек

Ілюстрації

Photoicon.png Photoicon.png Photoicon.png Photoicon.png

Медіа

<style>

  1. video12 {
 position: relative;
 padding-bottom: 75%;

}

  1. video12 iframe {
 position: absolute;
 width: calc(100% - 5em);
 height: 100%;

}

  1. video12 div {
 position: absolute;
 top: 0;
 right: 0;
 width: 5em;
 height: 100%;
 overflow-y: auto;

}

  1. video12 span {
 display: block;
 text-align: center;

}

  1. video12 span:hover {
 color: #ff3200;
 cursor: pointer;

}

  1. video12 span:focus {
 color: blue;

} </style>

 <iframe src="http://www.youtube.com/embed/xFa2_PVMeDQ?rel=0" allowfullscreen="" frameborder="0"></iframe>
   серия 1
   серия 2
   серия 3

<script> var IMG = document.querySelectorAll('#video12 span'),

   IFRAME = document.querySelector('#video12 iframe');

for (var i = 0; i < IMG.length; i++) {

 IMG[i].onclick = function() {
   IFRAME.src = 'http://www.youtube.com/embed/' + this.dataset.video + '?rel=0&autoplay=1';
   if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);
   if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);
   this.style.backgroundColor='rgba(0,0,0,.2)';
 }

} </script>

Див. також

Джерела та література

Зовнішні посилання