ვიდეო თეგი
თეგი video საშუალებას გვაძლევს დავამატოთ ვიდეო HTML გვერდზე.
მისი საშუალებით ასევე შეგვიძლია ამ ვიდეოს მართვა.
ვიდეო ფაილის მისამართი მითითებულია
ატრიბუტით src ან ჩადგმული თეგით source.
თუ გსურთ დაინახოთ პლეერი ვიდეოს დასაკვრელად მართვისთვის
- უნდა დაამატოთ ატრიბუტი controls.
მის გარეშე თქვენ არაფერს დაინახავთ - ხმის და გამოსახულების
ამ შემთხვევაში არ იქნება.
ზოგჯერ ვიდეოს თავად საიტზე განთავსება არ არის
ძალიან მოსახერხებელი (მაგალითად, თქვენს ჰოსტინგს აქვს
შეზღუდვა საიტის ზომაზე). ამ შემთხვევაში
ვიდეო შეგიძლიათ ატვირთოთ YouTube-ზე და დააკავშიროთ
თეგის iframe საშუალებით.
ატრიბუტები
| ატრიბუტი | აღწერა |
|---|---|
src |
მიუთითებს ვიდეო ფაილის მისამართს.
მაგრამ ამისთვის უკეთესია თეგის source გამოყენება
(ამ შემთხვევაში შესაძლებელი იქნება ვიდეოს სხვადასხვა ფორმატებში მითითება).
|
preload |
გამოიყენება ვიდეო ფაილის ჩატვირთვისთვის საიტის გვერდის ჩატვირთვისას.
მიღებული მნიშვნელობები: none (ფაილის არ ჩატვირთვა, ნაგულისხმევად),
metadata (მხოლოდ სერვისული ინფორმაციის ჩატვირთვა: ხანგრძლივობა და ა.შ.),
auto (ვიდეოს სრულად ჩატვირთვა HTML გვერდის ჩატვირთვისას).
|
autoplay |
ხმა იწყებს დაკვრას გვერდის ჩატვირთვისთანავე,
ამ შემთხვევაში ატრიბუტის preload ყოფნა იგნორირებული იქნება.
ატრიბუტი მნიშვნელობის გარეშე. |
controls |
ამატებს მართვის პანელს ვიდეოს.
ატრიბუტი მნიშვნელობის გარეშე. ნაგულისხმევად (თუ ატრიბუტი არ არის) პანელი არ ემატება. |
loop |
ავტირებს ხმოვან ჩანაწერს "წრეზე":
დასრულების შემდეგ ის თავიდან დაიწყებს დაკვრას.
ატრიბუტი მნიშვნელობის გარეშე. ნაგულისხმევად (თუ ატრიბუტი არ არის) ჩანაწერი ჩაირთვება მხოლოდ 1 ჯერ.
|
poster |
სურათის მისამართი, რომელიც გამოჩნდება, სანამ ვიდეო არ არის ხელმისაწვდომი ან არ ხდება მისი გაშვება.
თუ ატრიბუტი poster არ არის მითითებული, ბრაუზერი შეეცდება ვიდეოს პირველი კადრის ჩვენებას.
|
height |
ატრიბუტი height ადგენს ვიდეოროლიკის დაკვრის არეალის სიმაღლეს (პიქსელებში
ან პროცენტებში).
თავად ვიდეო ცვლის თავის ზომებს უფრო დიდი ან პატარა მხარეს, რომ მორგებული იყოს მითითებულ სიმაღლეს,
მაგრამ მისი პროპორციები ამ შემთხვევაში არ იცვლება.
მნიშვნელობა ნაგულისხმევად: სიმაღლე აღებულია ვიდეოს პარამეტრებიდან, თუ ეს მნიშვნელობა არ არის ხელმისაწვდომი, მაშინ ატრიბუტის height მნიშვნელობა
ითვლება ატრიბუტიდან poster სურათის სიმაღლის ტოლად.
თუ poster არ არის მითითებული - სიმაღლე
დაყენებულია 150 პიქსელზე.
|
width |
ატრიბუტი width ადგენს ვიდეოროლიკის დაკვრის არეალის სიგანეს (პიქსელებში
ან პროცენტებში).
თავად ვიდეო ცვლის თავის ზომებს უფრო დიდი ან პატარა მხარეს, რომ მორგებული იყოს მითითებულ სიგანეს,
მაგრამ მისი პროპორციები ამ შემთხვევაში არ იცვლება.
მნიშვნელობა ნაგულისხმევად: სიგანე აღებულია ვიდეოს პარამეტრებიდან, თუ ეს მნიშვნელობა არ არის ხელმისაწვდომი, მაშინ ატრიბუტის width მნიშვნელობა
ითვლება ატრიბუტიდან poster სურათის სიგანის ტოლად.
თუ poster არ არის მითითებული - სიგანე
დაყენებულია 150 პიქსელზე.
|
მაგალითი . პლეერი საიტის გვერდზე
მოდით დავამატოთ გვერდზე პლეერი ვიდეოთი.
იმ ბრაუზერებისთვის, რომლებიც არ უჭერენ მხარს
თეგს video დარჩენილია სპეციალური ჩანაწერი
ამის შესახებ:
<video src="moovie.mp4" controls>
თქვენი ბრაუზერი არ უჭერს მხარს video-ს HTML5-ზე.
</video>
მაგალითი .
მოდით თეგისთვის video
დავამატოთ თეგი source:
<video>
<source src="moovie.mp4" controls>
თქვენი ბრაუზერი არ უჭერს მხარს video-ს HTML5-ზე.
</video>