Сайтта бейнені автоматты түрде ойнату

Бейнелерді екі санатқа бөлуге болады: ойнату үшін ойнату түймесін басу қажет және автоматты түрде басталатындар.

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

Пайдаланушыларға әсері

Әсер оң және теріс болуы мүмкін.

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

Қолдану бойынша кеңестер

Автоматты ойнатуды пайдаланушылар үшін қызықты ету үшін:

  1. Дыбыс деңгейін басқару және өшіру мүмкіндігі тітіркенуді болдырмауға көмектеседі.
  2. Ұзақтығы. Бейне келушілерді жалықтырмас үшін қысқа болуы керек. Ұсынылатын ұзақтығы 1-ден 3 минутқа дейін.
  3. Алдын ала қарау және қысқаша сипаттама - келушілерге оның не туралы екенін және оны көруден не күтуге болатынын түсінуге көмектеседі.
  4. Түрлі құрылғылар мен браузерлерді қолдайды. Autorun барлық танымал мобильді құрылғыларда, планшеттерде және браузерлерде жұмыс істейтініне көз жеткізу маңызды.

 

Қосу бойынша нұсқаулар

Екі нұсқаны қарастырайық: хостингке жүктеп салу және YouTube қызметін пайдалану.

Медиа файлды серверге немесе хостингке жүктеп салыңыз.

HTML құжатында бейнені ойнату үшін кодты қойыңыз. Бұл үшін <video> тегі қолданылады:

<video>
  <source src="sample.mp4" type="video/mp4">
</video>

Біздің жағдайда:

  • source src – бейнеге жол,
  • type – бейне түрі.

Бет жүктелген кезде бейне автоматты түрде ойнатылуы үшін <video> тегіне "autoplay" төлсипатын қосыңыз:

<video autoplay>
  <source src="sample.mp4" type="video/mp4">
</video>

Бұған қоса, ені мен биіктігі, ойнатуды басқару элементтері (кідірту немесе дыбыс түймелері), сондай-ақ ойнатқыш дизайны сияқты басқа параметрлерді конфигурациялауға болады. Бейненің енін өзгертіп, басқару түймелерін қосамыз.

Бұл үшін сәйкесінше «width» және «controls» атрибуттары жауап береді.

Соңғы код келесідей көрінеді:

<video width="600" controls autoplay>
  <source src="sample.mp4" type="video/mp4" />
</video>

Енді бейне бет жүктелгеннен кейін бірден басталады

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

YouTube сайтына өтіп, қалаған бейнені тауып, ашыңыз.

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

 

Ашылған терезеде «Енгізу» опциясын таңдаңыз

 

Өрістің мазмұнын <iframe> тегімен көшіріп, оны сайттың HTML құжатына қойыңыз.

iframe тегінде src төлсипаты ретінде бейне URL мекенжайы бар. Элементке қосымша параметрлерді беру үшін «?» белгісін қою керек. URL мекенжайының ең соңында, содан кейін пішіндегі мәндері бар параметрлерді тізімдеңіз:

параметр=мән

Autorun үшін ол келесідей көрінеді:

autoplay=1

мұнда 1 қосылған, 0 өшірілген.

Біздің жағдайда autorun параметрімен бірге src атрибутының мазмұны келесідей болады:

https://www.youtube.com/embed/VzWDdDrU-8I?si=VTTyVVfcZU7IT-nG?autoplay=1

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