Vtičniki

Visual

Slick slider visual s CUSTOM puščicami znotraj contant containerja.

Primer: www.sava-avto.si

 

$('.visual-elements').slick({
dots: false,
infinite: true,
arrows: true,
speed: 900,
autoplaySpeed: 4000,
fade: true,
cssEase: 'linear',
autoplay: true,
prevArrow: '<i class="fa fa-angle-left prev"></i>',
nextArrow: '<i class="fa fa-angle-right next"></i>',
appendArrows: $('.visual-content-container'),
responsive: [
{
breakpoint: 1025,
settings: {
arrows: false
}
}
]
});
$('.visual-content-container .slick-arrow.next').click(function(){
$('.visual-elements').slick("slickNext");
});
$('.visual-content-container .slick-arrow.prev').click(function(){
$('.visual-elements').slick("slickPrev");
});

YOUTUBE FULLSCREEN EMBED

Primer fullscreen Youtube Embeda:

<iframe id="video-stream" src="//www.youtube.com/embed/ZfUZM9tsDzE?vq=hd1080&autoplay=1&controls=0&fs=0&loop=1&rel=0&showinfo=0&iv_load_policy=3"
frameborder="0" allowfullscreen style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>

Force quality:

vq=hd720
  • Quality level small: Player height is 240px, and player dimensions are at least 320px by 240px for 4:3 aspect ratio.
  • Quality level medium: Player height is 360px, and player dimensions are 640px by 360px (for 16:9 aspect ratio) or 480px by 360px (for 4:3 aspect ratio).
  • Quality level large: Player height is 480px, and player dimensions are 853px by 480px (for 16:9 aspect ratio) or 640px by 480px (for 4:3 aspect ratio).
  • Quality level hd720: Player height is 720px, and player dimensions are 1280px by 720px (for 16:9 aspect ratio) or 960px by 720px (for 4:3 aspect ratio).
  • Quality level hd1080: Player height is 1080px, and player dimensions are 1920px by 1080px (for 16:9 aspect ratio) or 1440px by 1080px (for 4:3 aspect ratio).
  • Quality level highres: Player height is greater than 1080px, which means that the player's aspect ratio is greater than 1920px by 1080px.
  • Quality level default: YouTube selects the appropriate playback quality. This setting effectively reverts the quality level to the default state and nullifies any previous efforts to set playback quality using the cueVideoById, loadVideoById or setPlaybackQuality functions.

 

https://developers.google.com/youtube/youtube_player_demo

 

test