HTML prvi koraci - lekcija 7 - Tag object. Umetanje video snimka sa YouTube-a.

Često je potrebno ubaciti video sa YouTube-a na svoj blog, u ovoj lekciji ćemo objasniti koji tagovi i atributi se koriste. Hajde prvo da odemo na YouTube i kopiramo kod za video.

Dobijemo sledeći kod:

<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>

Kao što verovatno primećujete, za ubacivanje videa koristi se tag <object>. Takođe, tag object ima atribut style. Atribut style je univerzalan za sve tagove i u njemu se pišu CSS stilovi za tag. Šta je CSS objasnićemo kasnije, a za sada je dovoljno. CSS stilovi u atributu se pišu razdvojeni tačkom-zarez. Ovde imamo height i width, što znači visinu i širinu. Upravo te parametre možemo menjati. Na primer, ako stavimo:

<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>

Tada će veličina YouTube plejera biti upola manja. Takođe treba promeniti visinu i širinu taga embed, koje su date atributima width i 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>

Takođe, unutar taga object su uključeni tagovi <param>. U tagovima param se navode svojstva umetnutog objekta. Među navedenim parametrima su:

movie - označava da je u pitanju video zapis, a u atributu value je URL tog videa.

allowFullScreen - omogućava prelazak u pun ekran; može se staviti value="false" da se onemogući režim punog ekrana.

allowScriptAccess - potreban za rad sa API plejera.