Trình phát HTML5 của YouTube - Ai đó có thể giải thích cho tôi không?


0

Làm thế nào các video được hiển thị trên trang web của chúng tôi chỉ sử dụng html5 mà không có bất kỳ <video> thẻ trên trang web? Làm thế nào để họ kiểm soát vở kịch? AJAX? Làm thế nào là video được truyền phát? Mà tehique? Làm thế nào để video có được đến trang web của chúng tôi?

Video được hiển thị ở đâu? Máy chủ? Khách hàng? Có phải nó được gửi từng khung hình?


Có một & lt; video & gt; nhãn. Chúng được hiển thị giống như tất cả các video thông qua một codec (nói một cách đơn giản) vấn đề với video html5 là tất cả các trình duyệt hỗ trợ đóng gói 'codec' / định dạng tệp / video khác nhau. Ý tưởng về cơ bản là mở rộng HTMLMediaE bổ sung để bạn có thể kiểm soát nó thông qua JS. Nó thường được phát trực tiếp bởi CDN giống như video thông thường, đơn giản là trình duyệt có cài đặt gốc 'codec' được sử dụng. Đó là kết xuất phía khách hàng. Đang được gửi theo nhiều cách khác nhau RTP, Unicast, Multicast, p2p .. vv .. đó là những giao thức được phát triển cho mục đích đó và có sẵn trước video html5.
Setekh

1
Có khoảng 6 câu hỏi trong đó, vì vậy hãy nghiên cứu một chút và giảm bớt một chút. bắt đầu ở đây: w3schools.com/HTML/html5_video.asp . Tôi gần như chắc chắn rằng họ đang sử dụng thẻ video, nhưng có lẽ nó được chèn qua tập lệnh chứ không phải đánh dấu thô.
Frank Thomas

Câu trả lời:


2

Mã nhúng từ YouTube chứa một <iframe> thẻ giống như một trang web trong một trang web. Khung nội tuyến chiếu một trang động từ trang YouTube lên trang của bạn.

Trang động này chứa <video> nhãn.

Dưới đây là mã nhúng cho Nyan Cat:

<iframe width="420" height="315" src="https://www.youtube.com/embed/QH2-TGUlwu4" frameborder="0" allowfullscreen></iframe>

Nếu bạn mở trang được liệt kê trong src thuộc tính và tìm kiếm đánh dấu HTML trong các công cụ phát triển trình duyệt có một <video> trong một vài <div> thẻ.

<video class="video-stream html5-main-video" style="width: 670px; height: 317px; left: 0px; top: -317px; transform: none;" tabindex="-1"></video>
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.