YouTube бейнесін веб-сайтқа қалай ендіру керек

YouTube виджеті – бейнехостингтен веб-сайтқа бейнелерді қосуға немесе әлеуметтік желілерде бөлісуге мүмкіндік беретін құрал. Бұл мақалада біз виджеттің артықшылықтары мен кемшіліктерін және оны веб-сайтта қалай орналастыру керектігін қарастырамыз.

Артықшылықтары:

• Көру үшін тіркеу немесе қосымша бағдарламаларды жүктеу қажет емес.
• Түрлі бейне форматтарына қолдау көрсетіледі.
• Кодтың бір жолымен веб-сайтқа енгізілген.

Кемшіліктері:

• Көруден алаңдататын жарнама көрсетіледі.
• Виджеттің бекітілген дизайны оның сыртқы түрін сайтыңызға сай етіп дәл реттеуге мүмкіндік бермейді.

Сайтқа қосу

Веб-сайтқа YouTube бейнесін ендірудің ең оңай жолы - iframe тегін пайдалану. Бірақ алдымен оның не екенін анықтап алайық.

Фрейм басқа веб-беттің мазмұнын жүктеуге болатын веб-сайт бетінде еншілес терезені жасайтын HTML белгілеу элементі болып табылады.

Енді бастайық.

Мысал ретінде біз қарапайым бет жасап, html құжатының ішіне контейнер ретінде div блогын қостық. Оның ішінде h1 тақырыбы орналастырылған және кадр коды осында кірістіріледі.

Әрі қарай, біз кірістіретін бейне бар бетті ашыңыз.

Бізде бұл болады:

https://www.youtube.com/watch?v=mENBC34X2Q4

Бейне ойнатқышының астындағы Бөлісу түймесін басыңыз

Содан кейін ашылатын модальды терезеде Енгізу түймесін басыңыз

Жасалған ендіру коды терезенің оң жағында көрсетіледі

Біздің жағдайда код келесідей көрінеді:

Ішінде келесідей атрибуттар бар:

• width и height – терезенің ұзындығы мен биіктігін сәйкесінше орнату;
• src – YouTube бейнесіне толық жолды енгізу үшін;
• frameborder – терезенің айналасына жақтауды кірістіру. Мәндер 1 – иә (иә), 0 – жоқ (жоқ);
• allowfullscreen – Бұл атрибуттың болуы бейнені толық экран режимінде көрсетуге рұқсат етілгенін білдіреді.

Парақ қазір осылай көрінеді

YouTube-те қарапайым бейнелер ғана емес, сонымен қатар ұзындығы 1 минутқа дейін қысқартылған тік Shorts бар.

Олар сондай-ақ iframe тегі арқылы енгізіледі. Сіз оны келесідей ала аласыз:

• Қажетті шорттарды ашыңыз.
• Меңзерді оның үстіне апарып, контекстік мәзірді ашу үшін тінтуірдің оң жақ түймешігімен басыңыз.
• «HTML кодын көшіру» таңдаңыз.

Көшірілген фрагментті алдыңғы мысалдағыдай беттің html белгілеуіне қойыңыз. Нәтиже келесідей көрінеді:

Маңызды: сайтта бейнені орналастыру бейне авторымен және қызмет көрсету саясатымен келісілуі керек. Бейненің ендіруге рұқсаты бар екеніне және авторлық құқықты бұзбайтынына көз жеткізіңіз.

Қолдану мысалдары

YouTube бейнелері әртүрлі мазмұнға ие болуы мүмкін. Мақсатқа байланысты бұл өнімді шолу және көрсету, бәсекелестермен салыстыру, сала, өнім немесе қызмет туралы білім беру бейнелері, тұтынушылардың пікірлері және тікелей эфирлер болуы мүмкін.

Енгізілген YouTube бейнелерінің арқасында пайдаланушылар басқа ресурсқа бармай-ақ, бейнелерді тікелей сайт бетінде көре алады. Бірақ хостингтің өзінен басқа, сайтта бейнелерді орналастыруға мүмкіндік беретін басқа да қызметтер бар. Солардың бірі QForm бейне виджеті. Бұл сайтқа бейне қосуға, дисплей түрін, іске қосу опцияларын және CTA түймесін конфигурациялауға мүмкіндік береді. Нұсқаулар немесе сұрақтарға жауап беру үшін пайдалы болуы мүмкін кері байланыс формасына бейнені қосуға болады.