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

VKontakte-ն պարունակում է մեծ թվով տեսանյութեր, որոնք կարող եք ավելացնել ձեր կայքում: Այս հոդվածում մենք կդիտարկենք VKontakte-ից տեսանյութ վեբ կայքի էջ տեղադրելու մի քանի եղանակ:

Կպցնել՝ օգտագործելով կոդը

Գնացեք VKontakte-ի վիդեո էջ

 

Կտտացրեք «Ավելին» հղմանը նվագարկչի տակ և ընտրեք «Արտահանել»

 

Բացվող պատուհանում պատճենեք կոդը <iframe> թեգով: Անհրաժեշտության դեպքում կարող եք ընտրել տեսանյութի չափը (տարբերակներից մեկը կամ նշել կամայական պարամետրեր) և միացնել ավտոմատ նվագարկումը (կանխադրված այն անջատված է, նվագարկումը սկսվում է պատուհանի վրա սեղմելով):

 

Այնուհետև տեղադրեք կոդը html փաստաթղթի ներսում՝ ճիշտ տեղում:

 

Դրանից հետո տեսանյութը կհայտնվի էջում

Եթե ​​լռելյայն կարգավորումները քիչ են, կարող եք դա անել ձեռքով:

Եկեք դիտարկենք որոշ ատրիբուտներ, որոնք կարող եք ավելացնել iframe թեգի ներսում.

  • frameborder – Սահմանում է` ցուցադրել եզրագիծ նվագարկչի շուրջ, թե ոչ:
  • allow իմաստով.
    • autoplay – Թույլ է տալիս ավտոմատ կերպով նվագարկել վիդեո և աուդիո ֆայլեր
    • fullscreen – Թույլ է տալիս ներկառուցված բովանդակությունը բացել ամբողջ էկրանով:
  • marginheight – լիցք վերևում և ներքևում բովանդակությունից մինչև շրջանակի եզրագիծը:
  • marginwidth – լիցքավորումը բովանդակությունից մինչև շրջանակի եզրագիծը ձախ և աջ:
  • hspace – հորիզոնական եզրագիծ շրջանակից մինչև շրջակա բովանդակությունը
  • vspace – ուղղահայաց հեռավորությունը շրջանակից մինչև շրջակա բովանդակությունը:

Խաղացողի տեսքը փոխելու համար ավելացրեք ոճի հատկանիշ և նշեք ոճերը որպես բանալի՝ արժեքների զույգ: Օրինակ, եկեք մեր տեսանյութին շրջանակ ավելացնենք, գույնը փոխենք, եզրերը կլորացնենք և ստվեր դնենք։ Ավարտված կոդը ունի հետևյալ տեսքը.

<iframe src="https://vk.com/video_ext.php?oid=-178652725&id=456239064&hd=2" width="853" height="480" allow="autoplay; encrypted-media; fullscreen; picture-in-picture;" frameborder="0" allowfullscreen style="border: 5px solid #df0da8;border-radius: 30px;box-shadow: -15px 15px 20px 0px rgba(3, 195, 0, 0.6);"></iframe>

Եվ ահա արդյունքը.

Տեղադրում CMS-ում

Եթե ​​կայքը աշխատում է բովանդակության կառավարման ցանկացած համակարգով (CMS), ապա ստանդարտ գործիքները նույնպես հարմար են կանոնավոր տեղադրման համար: Օրինակ՝ WordPress-ն ունի «Custom HTML» բլոկ օգտագործելու հնարավորություն։

Դա անելու համար գտեք ձեզ անհրաժեշտ տեսանյութը և պատճենեք կոդը <iframe> թեգով, ինչպես վերը նշված հրահանգներում:

Ավարտելուց հետո վերադարձեք WordPress և բացեք գրառման խմբագրման էջը:

 

Նոր բլոկ ավելացնելու համար սեղմեք «+» կոճակը վերին ձախ անկյունում:

Բլոկ ընտրելու մենյու կբացվի: Մուտքագրեք «Custom HTML» որոնման տողում և ընտրեք համապատասխան բլոկը:

 

Տեղադրեք պատճենված շրջանակի կոդը «Գրել HTML...» դաշտում:

 

Հրապարակեք ձայնագրությունը, որից հետո տեսանյութը կհայտնվի կայքում։

Բացի ստանդարտ գործիքներից, WordPress-ն ունի պլագինների գրադարան, ներառյալ՝ տեսանյութերի հետ աշխատելու համար: Նրանք առաջարկում են ավելացնելու հետևյալ եղանակները՝ վերբեռնել ձեր համակարգչից, ուղիղ հղման միջոցով կամ կարճ կոդի միջոցով։

Ահա դրանցից մի քանիսը.

  • Հեշտ վիդեո նվագարկիչ,
  • Videojs HTML5 նվագարկիչ,
  • Վերջնական վիդեո նվագարկիչ,
  • HTML5 վիդեո նվագարկիչ:

Այս մեթոդները թույլ են տալիս ձեր կայքում տեղադրել տեսանյութ VK-ից: Բայց արժե հաշվի առնել, որ դրանք օգտագործելիս ձեզ հարկավոր է ձեռքով խմբագրել կոդը և թարմացնել էջը։ Բայց եթե Ձեզ անհրաժեշտ է լուծում, որտեղ փոփոխությունները կիրառվում են ավտոմատ կերպով, ապա Qform վիդեո վիդջեթը հարմար է: Դրա միջոցով դուք կարող եք էջին տեսանյութ ավելացնել ընդամենը մի քանի կտտոցով, ընտրել ցուցադրման տեսակներից մեկը և կարգավորել գործարկման պարամետրերը: