Լրացուցիչ Բլոկների Տեսակներ (EBT) - Դասավորության Կառուցողի նոր փորձառություն❗

Լրացուցիչ Բլոկների Տեսակներ (EBT) - ձևավորված, կարգավորելի բլոկների տեսակներ՝ սլայդշոուներ, ներդիրներ, քարտեր, բացվող ցանկեր և շատ ուրիշներ։ Ներառված կարգավորումներ՝ ֆոնի, DOM տուփի, JavaScript փլագինների համար։ Փորձեք դասավորությունների կառուցման ապագան արդեն այսօր։

EBT մոդուլների ցուցադրական տարբերակներ Ներբեռնել EBT մոդուլները

❗Լրացուցիչ Պարբերությունների Տեսակներ (EPT) - Պարբերությունների նոր փորձառություն

Լրացուցիչ պարբերության տեսակներ (EPT) - անալոգիական պարբերության վրա հիմնված մոդուլների հավաքակազմ։

EPT մոդուլների ցուցադրական տարբերակներ Ներբեռնել EPT մոդուլները

Scroll

HTML առաջին քայլերը - Դաս 7 - Object տեգը։ Տեսանյութի տեղադրումը Youtube-ից։

11/05/2025, by Ivan

Միջապես հաճախ է լինում անհրաժեշտություն՝ տեղադրելու YouTube-ից տեսանյութ ձեր բլոգում, և այս դասում մենք կքննարկենք, որոնք տեգերն ու դրանց հատկանիշները կիրառվում են։ Առաջին հերթին, եկեք այցելենք YouTube և պատճենենք տեսանյութի կոդը։

 

 

Youtube video

Ստացվեց հետևյալ կոդը՝

<object style="height: 390px; width: 640px">
  <param name="movie" value="http://www.youtube.com/v/eyl6mLL6jXQ?version=3&feature=player_detailpage">
  <param name="allowFullScreen" value="true">
  <param name="allowScriptAccess" value="always">
  <embed src="http://www.youtube.com/v/eyl6mLL6jXQ?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="360">
</object>

Ինչպես երևում է, տեսանյութը տեղադրելու համար օգտագործվում է տեգը։ Այս տեգում կա նաև style հատկանիշը։ Style հատկանիշը համընդհանուր է բոլոր տեգերի համար, և այստեղ կարող ենք գրել CSS-դիզայնի պարամետրեր։ CSS-ի մասին մենք կխոսենք մի փոքր ուշ, իսկ հիմա բավական է հասկանալ, որ CSS հատկանիշները գրանցվում են առանցտեղի նշանի։ Այստեղ մենք ունենք height և width հատկանիշները, որոնք պատասխանատու են բարձրության և լայնության համար։ Դրանք մենք կարող ենք փոփոխել։ Օրինակ, եթե մենք տեղադրենք՝

<object style="height: 195px; width: 320px">
  <param name="movie" value="http://www.youtube.com/v/eyl6mLL6jXQ?version=3&feature=player_detailpage">
  <param name="allowFullScreen" value="true">
  <param name="allowScriptAccess" value="always">
  <embed src="http://www.youtube.com/v/eyl6mLL6jXQ?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="360">
</object>

Այս դեպքում YouTube-ի նվագարկիչը կլինի երկու անգամ փոքր։ Բացի դրանից, պետք է նաև փոխել embed տեգի բարձրությունն ու լայնությունը, որոնք սահմանվում են width և height հատկանիշներով։

<object style="height: 195px; width: 320px">
  <param name="movie" value="http://www.youtube.com/v/eyl6mLL6jXQ?version=3&feature=player_detailpage">
  <param name="allowFullScreen" value="true">
  <param name="allowScriptAccess" value="always">
  <embed src="http://www.youtube.com/v/eyl6mLL6jXQ?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="320" height="180">
</object>

Այսպես, object տեգում ավելացվում են տեգերը։ Param տեգերում նշվում են տեղադրված օբյեկտի հատկանիշները։ Ահա մի քանի նշանակալի պարամետրեր՝

movie - ցույց է տալիս, որ սա տեսանյութ է, իսկ value հատկանիշում նշվում է տեսանյութի URL-ն։

allowFullScreen - թույլ է տալիս անցնել fullscreen (պատկերասրահի) ռեժիմի, կարող եք տեղադրել value="false", որպեսզի ոչ մի դեպքում չթույլատրվի fullscreen ռեժիմին անցնել։

allowScriptAccess - պահանջվում է՝ API-ի հետ աշխատելու համար։