Կայքում տեսանյութի ավտոմատ նվագարկումը

Տեսանյութերը կարելի է բաժանել երկու կատեգորիայի. տեսահոլովակներ, որոնցում պահանջվում է սեղմել «play» խաղալու համար, և դրանք, որոնք ավտոմատ կերպով սկսվում են:

Եկեք նայենք, թե ինչպես է ավտոմատ նվագարկումն ազդում օգտատերերի վրա և ինչպես այն իրականացնել ձեր կայքում:

Ազդեցություն օգտվողների վրա

Ազդեցությունը կարող է լինել և՛ դրական, և՛ բացասական:

Մի կողմից, autoplay-ը թույլ է տալիս անմիջապես ցուցադրել տեսանյութը՝ առանց նվագարկման կոճակը սեղմելու: Սա օգտակար է ապրանքը ցուցադրելիս կամ բարդ հասկացություններ բացատրելիս: Սակայն որոշ այցելուներ ինքնանվագարկումը զայրացնում է, հատկապես, եթե նրանք չէին սպասում դրան կամ եթե ձայնը լռելյայն միացված է: Ավտոմատ նվագարկումը կարող է սպառել ավելի շատ ռեսուրսներ և մեծացնել թողունակության ծախսերը, հատկապես սահմանափակ ինտերնետ կապով կամ շարժական սարքերով օգտվողների համար:

Օգտագործման խորհուրդներ

Օգտատերերի համար ավտոմատ նվագարկումը հաճելի դարձնելու համար՝

  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, գտեք և բացեք ձեր ուզած տեսանյութը։

Նվագարկիչի տակ սեղմեք Share կոճակը:

 

Բացվող պատուհանում ընտրեք «Embed» տարբերակը

 

Պատճենեք դաշտի բովանդակությունը <iframe> թեգով և տեղադրեք այն կայքի HTML փաստաթղթում։

iframe թեգը որպես src հատկանիշ ունի տեսանյութի URL: Տարրին լրացուցիչ պարամետրեր փոխանցելու համար հարկավոր է «?» դնել: URL-ի հենց վերջում և այնուհետև նշեք պարամետրերը իրենց արժեքներով հետևյալ ձևով.

պարամետր=արժեք

Autorun-ի համար այն ունի հետևյալ տեսքը.

autoplay=1

որտեղ 1-ը միացված է, 0-ն անջատված է:

Մեր դեպքում, src հատկանիշի բովանդակությունը autorun պարամետրի հետ միասին նման կլինի.

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

Տեսանյութերի ավտոմատ նվագարկումը օգտակար գործիք է, սակայն կարևոր է այն օգտագործել խելամտորեն և հաշվի առնել օգտատերերի նախասիրությունները: Որոշ այցելուներ ցանկանում են ինքնուրույն վերահսկել տեսանյութի մեկնարկը: Եթե ​​ձեզ հարմար լուծում է պետք՝ առանց կոդ գրելու, փորձեք Qform վիդեո վիդջեթը։ Այն թույլ է տալիս հարմարեցնել ցուցադրման տեսակը, գործարկման տարբերակները (ներառյալ ավտոմատ գործարկումը) և երկու տող կոդով տեսանյութ ավելացնել կայքում:

Ձեզ դուր եկավ հոդվածը: Կիսվել!!