Skip to content

Instantly share code, notes, and snippets.

@Prroffessorr
Created May 26, 2021 07:31
Show Gist options
  • Save Prroffessorr/6f8a6211d813cda652ea4c5c877ffaef to your computer and use it in GitHub Desktop.
Save Prroffessorr/6f8a6211d813cda652ea4c5c877ffaef to your computer and use it in GitHub Desktop.
Ускорения сайта WP самостоятельно (Замена <iframe> Youtube, на превью с загрузкой видео после нажатия)
<?php
//Асинхронная загрузка видео YouTube (Примимает такие параметры: ссылка на видео и CSS классы)
function lazy_iframe($youtube_url, $css_class){
//Получение уникального идетнификатора для видео
preg_match('#(\.be/|/embed/|/v/|/watch\?v=)([A-Za-z0-9_-]{5,11})#', $youtube_url, $matches);
if(isset($matches[2]) && $matches[2] != ''){
$YoutubeCode = $matches[2];}
?>
<iframe class="<?php echo $css_class; ?>"
src="<?php echo $youtube_url; ?>&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,
span{position:absolute;width:100%;top:0;bottom:0;margin:auto}</style>
<a href=<?php echo $youtube_url; ?>?autoplay=1><img src=//i3.ytimg.com/vi/<?php echo $YoutubeCode; ?>/hqdefault.jpg> </a>"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
<?php
}
<?php
$url="https://www.youtube.com/embed/uTWWC6Cro8M?rel=0&controls=0&showinfo=0&autoplay=1";
$css_classes="class1 class2 class3";
//В функцию передаем ссылку на видео и css классы для <iframe>
echo lazy_iframe($url, $css_classes);
?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment