Веб-сайтта циклдік бейнені қалай жасауға болады

Веб-сайтта бейнені айналдыру

Бұл әдіс бейне мазмұнын үздіксіз ойнату үшін қолмен араласуды қажет етпей қайта ойнатуға мүмкіндік береді. Бұл мақалада біз мұны істеудің екі әдісін қарастырамыз, сондай-ақ бұл әдіс қандай жағдайларда пайдалы.

Қолдану аясы

Бейнені айналдыру әртүрлі мақсаттар үшін пайдалы, мұнда кейбір мысалдар берілген:

1. Өнімнің тұсаукесері, мысалы, парфюмерлік бөтелке. Егер сіз электрониканы сатсаңыз, блендер немесе кофеқайнатқыш қалай жұмыс істейтінін көрсету пайдалы болуы мүмкін.

 

2. Процестің анимациясы. Ыдыс дайындау, өнімді құрастыру немесе белгілі бір функцияны орындау процесін көрсетіңіз.

 

3. Фондық элемент. Мысалы, егер сайт туризм туралы болса, саяхат атмосферасын құру және келушілерді шабыттандыру үшін табиғатты немесе әйгілі жерлерді көрсете аласыз.

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

YouTube сайтынан ендіру

Веб-сайтыңызға YouTube бейнелерін орналастыру үшін iframe тегін пайдаланыңыз. Бұл файлдарды серверге жүктеп алып, кодтамай-ақ бейнеңізді айналдыруға мүмкіндік береді. Ол үшін келесі әрекеттерді орындаңыз:

1.YouTube сайтына өтіп, қосқыңыз келетін бейнені ашыңыз.

 

2. Ойнатқыштың астындағы Бөлісу түймесін басыңыз және пайда болған терезеде «Енгізу» қойындысын таңдаңыз.

 

3.Ашылған терезеде ендірілген бейненің параметрлерін конфигурациялауға болады: ені мен биіктігі, ойнатқыштың басқару тақтасын көрсету немесе жасыру, бейненің басталу уақытын орнату. Осыдан кейін жасалған кодты көшіріңіз.

 

4. Сайтыңыздың редакторын ашып, көшірілген кодты қажетті бетке, бейнені орналастырғыңыз келетін жерге қойыңыз.

5.Енді бейнені айналдыратын параметрді қосу керек. </iframe> жабу тегіне дейін ендіру кодына "loop=1" қосыңыз:

<iframe width="560" height="315" src="https://www.youtube.com/embed/8nB2d45snI8?loop=1&amp;si=nCVioMIUoTHD6nBh&amp;controls=0&amp;start=35" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen>
</iframe>

Енді ол үздіксіз қайталанып, циклде ойнайды.

Бейне тегімен кірістіру

<video> тегін пайдалану үшінші тарап қызметтерінің көмегінсіз веб-сайтыңызға жергілікті бейнені орналастыруға мүмкіндік береді. Ол үшін алдымен бейне файлды серверге жүктеп алып, келесі кодты қосу керек:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Пример страницы</title>
  </head>
<body>
  <video src="путь_к_файлу" muted autoplay loop></video>
</body>
</html>

"путь_к_файлу" параметрін сервердегі жүктеп алынған бейнеге апаратын жолмен ауыстырыңыз.

Автоматты ойнату және цикл атрибуттары сәйкесінше бейнені автоматты түрде ойнатуға және айналдыруға мүмкіндік береді.

Әдістердің кемшіліктері

Қолжетімділігіне қарамастан, қолмен жұмыс істеу әдісінің кемшіліктері де бар:

  • html, css және javascript тілдерін білу қажет.
  • Серверге файлдарды жүктеп салу қажеттілігі, ол қол жеткізу құқығын талап етеді және хостингке қатысты проблемаларды тудыруы мүмкін.
  • Бейнені жаңарту кезінде кодты ол орналасқан әрбір бетке қайта енгізу керек.
  • Бейнені өңдеудің шектеулі опциялары: ойнату опцияларын өзгерту, кесу немесе қосымша элементтерді кірістіру мүмкін емес.
  • Әрекетке шақыру түймелері және көрермендер статистикасын қадағалау сияқты интерактивті мүмкіндіктерді енгізу қиындықтары.

YouTube-тен бейнелерді қосу әдісінің де кемшіліктері бар:

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

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

Qform бейне виджеті іске қосу параметрлерін теңшеуге, дисплей түрін таңдауға, қоңырау түймелерін қосуға және талдау жүйесіне мақсаттарды жіберуге арналған опцияларды қамтамасыз етеді.

Мақала ұнады ма? Бөлісіңіз!!