Ինչպես տեղադրել YouTube-ի տեսանյութը կայքում

YouTube վիջեթը գործիք է, որը թույլ է տալիս տեսանյութեր ավելացնել վիդեոհոսթինգից վեբ կայք կամ կիսվել սոցիալական ցանցերում: Այս հոդվածում մենք կդիտարկենք վիջեթի առավելություններն ու թերությունները և ինչպես տեղադրել այն կայքում:

Առավելությունները:

  • Դիտելու համար լրացուցիչ ծրագրերի գրանցում կամ ներբեռնում չի պահանջվում:
  • Աջակցվում են տարբեր վիդեո ձևաչափեր:
  • Տեղադրված է կայքում մեկ տող կոդով:

Թերություններ.

  • Ցուցադրվում է գովազդ, որը շեղում է դիտումից:
  • Վիջեթի ֆիքսված դիզայնը թույլ չի տալիս ճշգրտորեն հարմարեցնել դրա տեսքը՝ ձեր կայքին համապատասխան:

Կայքում ավելացում

Կայքում YouTube-ի տեսանյութը տեղադրելու ամենահեշտ ձևը iframe թեգն օգտագործելն է: Բայց նախ, եկեք պարզենք, թե ինչ է դա:

Շրջանակը HTML նշագրման տարր է, որը վեբկայքի էջում ստեղծում է մանկական պատուհան, որտեղ կարող եք բեռնել մեկ այլ վեբ էջի բովանդակությունը:

Հիմա եկեք սկսենք:

Որպես օրինակ՝ մենք ստեղծեցինք պարզ էջ և ավելացրինք div բլոկ՝ որպես կոնտեյներ html փաստաթղթի ներսում: h1 վերնագիրը տեղադրվել է դրա ներսում, և շրջանակի կոդը կտեղադրվի այստեղ։

Հաջորդը բացեք էջը այն տեսանյութով, որը պատրաստվում ենք տեղադրել։

Մենք կունենանք սա.

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

Տեսանյութի նվագարկչի տակ սեղմեք «Կիսվել» կոճակը

Այնուհետև բացվող մոդալ պատուհանում սեղմեք Embed կոճակը

Ստեղծված ներդրման կոդը կցուցադրվի պատուհանի աջ կողմում

Մեր դեպքում կոդը այսպիսի տեսք ունի.

<iframe width="560" height="315" src="https://www.youtube.com/embed/mENBC34X2Q4?si=3r_X0uUcm0ruAVvD" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

 

Ներսում կան այնպիսի հատկանիշներ, ինչպիսիք են.

  • width и height – համապատասխանաբար սահմանեք պատուհանի երկարությունը և բարձրությունը.
  • src – YouTube տեսանյութի ամբողջական ուղին տեղադրելու համար.
  • frameborder – պատուհանի շուրջ շրջանակի տեղադրում: Արժեքներ 1 – այո (այո), 0 – ոչ (ոչ);
  • allowfullscreen – Այս հատկանիշի առկայությունը նշանակում է, որ տեսանյութը թույլատրվում է ցուցադրվել ամբողջ էկրանով:

Այսպիսի տեսք ունի էջն այժմ

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

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

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

Կպցրեք պատճենված հատվածը էջի html նշագրման մեջ, ինչպես նախորդ օրինակում: Արդյունքն այսպիսի տեսք ունի.

Կարևոր է՝ կայքում տեսանյութ տեղադրելը պետք է համաձայնեցվի տեսանյութի հեղինակի և սպասարկման քաղաքականության հետ: Համոզվեք, որ տեսանյութը զետեղելու թույլտվություն ունի և չի խախտում հեղինակային իրավունքը:

Օգտագործման օրինակներ

YouTube տեսանյութերը կարող են ունենալ տարբեր բովանդակություն: Կախված նպատակից՝ սա կարող է լինել արտադրանքի վերանայում և ցուցադրություն, համեմատություն մրցակիցների հետ, ոլորտի, արտադրանքի կամ ծառայության մասին կրթական տեսանյութեր, հաճախորդների ակնարկներ և ուղիղ հեռարձակումներ:

Ներկառուցված YouTube տեսանյութերի շնորհիվ օգտատերերը կարող են տեսանյութեր դիտել անմիջապես կայքի էջում՝ առանց այլ ռեսուրս գնալու: Բայց բացի բուն հոսթինգից, կան նաև այլ ծառայություններ, որոնք թույլ են տալիս տեսանյութեր տեղադրել կայքում։ Դրանցից մեկը QForm վիդեո վիջեթն է: Այն թույլ է տալիս կայքում ավելացնել տեսանյութ, կարգավորել ցուցադրման տեսակը, գործարկման ընտրանքները և CTA կոճակը: Հետադարձ կապի ձևաթղթին հնարավոր է կցել տեսանյութ, որը կարող է օգտակար լինել հրահանգների կամ հարցերին պատասխանելու համար: