Danh sách điều khiển video HTML

Trang mạng

• Trích dẫn

Xin chào,
Một yêu cầu tính năng đã được ghi lại
Tuy nhiên, bạn có thể sử dụng thẻ video trong hộp văn bản và thêm thuộc tính

Mã số.

<video width="512" height="380" controls controlsList="nodownload">
    <source data-src="video.mp4" type="video/mp4">
</video>

Hỗ trợ Gnome làm vườn
Nếu bạn gửi e-mail để hỗ trợ, vui lòng gửi liên kết đến bài đăng trên diễn đàn để tham khảo
hỗ trợ @ ggnome. com
https. //ggnome. com/wiki/tài liệu/

Còn Mozilla thì sao?

Ngoài ra, tính năng ban đầu có được TAG xem xét không? . Nếu không, sau đó tôi nghĩ rằng nó sẽ được hưởng lợi từ một

(*) Mặc dù tôi không ngụ ý rằng cá nhân bạn phải làm điều gì đó như một phần của ý định này. có vẻ như mối lo ngại nêu ra ở đây (cụ thể là ví dụ tải xuống) có thể được giải quyết bằng cách nào đó để mọi người hài lòng. Ví dụ: có lẽ chúng tôi có thể đưa ra bằng chứng cho thấy rủi ro được đề cập ở đó không xảy ra trong thực tế, bởi vì các nhà phát triển không sử dụng thực tế. supports() làm proxy để "hiển thị an toàn mà không có rủi ro tải xuống trái phép"

Chúng tôi đã đi một chặng đường dài kể từ khi Flash là plugin thực tế để phát video một cách đáng tin cậy trên các trình duyệt

Ngày nay, việc thêm 3 dòng mã HTML trở nên dễ dàng

<video width="400" controls> <source src="mov_bbb.mp4" type="video/mp4"> </video>

Ngày nay, phần tử <video> là cách tiêu chuẩn để nhúng video vào các trang web. Nó đã được hỗ trợ bởi tất cả các trình duyệt hiện đại trong một thời gian và đóng gói khá nhiều

Bạn cũng có thể sử dụng <video> cho nội dung âm thanh, nhưng phần tử <audio> có thể mang lại trải nghiệm người dùng phù hợp hơn

Đây là một ví dụ phức tạp hơn

<video controls controlsList="nodownload" width="640" height="480" poster="initialimage.png" muted> 
    <source src="videofile.mp4" type="video/mp4"> 
    <!-- fallback for browsers that don't support video tag --> 
    <a href="videofile.mp4">download video</a> 
</video>

Trình phát video ở trên

• hiển thị hình ảnh xem trước
• phát video 640×480 bị tắt tiếng theo mặc định
• ẩn nút tải xuống
• có một liên kết video làm dự phòng cho các trình duyệt rất cũ

Vui lòng sao chép, dán và điều chỉnh mã theo nhu cầu của bạn

Nhưng trình phát video được tích hợp trong các trình duyệt ngày nay thậm chí còn có nhiều tính năng hơn

• Hiển thị hoặc ẩn các điều khiển video, bao gồm phát/tạm dừng, âm lượng, chuyển đổi toàn màn hình và thanh trượt tìm kiếm bằng thuộc tính controls
• Ẩn các nút tải xuống, toàn màn hình hoặc phát lại từ xa (mới) bằng thuộc tính controlList (chỉ dành cho Chrome 58, mẫu mã)
• Đặt hình ảnh áp phích hiển thị trong khi video đang tải xuống hoặc không phát bằng thuộc tính poster
• Cung cấp danh sách video ở các định dạng khác nhau để mỗi trình duyệt có thể phát định dạng mà nó hỗ trợ bằng cách sử dụng nhiều yếu tố <source>
• Bao gồm phụ đề chi tiết hoặc chú thích bằng nhiều ngôn ngữ bằng cách sử dụng phần tử <track> và phụ đề WebVTT
• Cho trình duyệt biết bắt đầu tải xuống video khi tải trang hay chỉ khi người dùng nhấn Play bằng thuộc tính

  <video controls controlsList="nodownload" width="640" height="480" poster="initialimage.png" muted> 
      <source src="videofile.mp4" type="video/mp4"> 
      <!-- fallback for browsers that don't support video tag --> 
      <a href="videofile.mp4">download video</a> 
  </video>
  

  0
• Tự động phát video ngay khi sẵn sàng sử dụng thuộc tính

  <video controls controlsList="nodownload" width="640" height="480" poster="initialimage.png" muted> 
      <source src="videofile.mp4" type="video/mp4"> 
      <!-- fallback for browsers that don't support video tag --> 
      <a href="videofile.mp4">download video</a> 
  </video>
  

  1
• Phát video một lần hoặc lặp lại bằng thuộc tính

  <video controls controlsList="nodownload" width="640" height="480" poster="initialimage.png" muted> 
      <source src="videofile.mp4" type="video/mp4"> 
      <!-- fallback for browsers that don't support video tag --> 
      <a href="videofile.mp4">download video</a> 
  </video>
  

  2
• Cho biết bạn có muốn phát video không có âm thanh (tắt tiếng) hay không bằng cách sử dụng thuộc tính

  <video controls controlsList="nodownload" width="640" height="480" poster="initialimage.png" muted> 
      <source src="videofile.mp4" type="video/mp4"> 
      <!-- fallback for browsers that don't support video tag --> 
      <a href="videofile.mp4">download video</a> 
  </video>
  

  3. Ví dụ: video tự động trên Facebook hiển thị tùy chọn tắt tiếng phủ trên video
• Chỉ định điểm trong video mà quá trình phát lại sẽ bắt đầu bằng cách nối thêm

  <video controls controlsList="nodownload" width="640" height="480" poster="initialimage.png" muted> 
      <source src="videofile.mp4" type="video/mp4"> 
      <!-- fallback for browsers that don't support video tag --> 
      <a href="videofile.mp4">download video</a> 
  </video>
  

  4 vào URI của video (URI phân đoạn phương tiện, )
• Các thuộc tính

  <video controls controlsList="nodownload" width="640" height="480" poster="initialimage.png" muted> 
      <source src="videofile.mp4" type="video/mp4"> 
      <!-- fallback for browsers that don't support video tag --> 
      <a href="videofile.mp4">download video</a> 
  </video>
  

  5 và

  <video controls controlsList="nodownload" width="640" height="480" poster="initialimage.png" muted> 
      <source src="videofile.mp4" type="video/mp4"> 
      <!-- fallback for browsers that don't support video tag --> 
      <a href="videofile.mp4">download video</a> 
  </video>
  

  6, có thể truy cập qua DOM, cho phép chúng tôi kiểm soát tốc độ phát lại của video
• Chỉ định video sẽ phát nội tuyến trong Safari trên iOS 10 trở lên bằng cách sử dụng thuộc tính

  <video controls controlsList="nodownload" width="640" height="480" poster="initialimage.png" muted> 
      <source src="videofile.mp4" type="video/mp4"> 
      <!-- fallback for browsers that don't support video tag --> 
      <a href="videofile.mp4">download video</a> 
  </video>
  

  7 mới

Mạnh mẽ như chúng có thể là một số thứ không được bảo hiểm. Để hiển thị quảng cáo, sử dụng danh sách phát và phân tích, bạn nên xem xét các giải pháp thương mại như JW Media Player, Flow Player và Cloudinary hoặc video nguồn mở. js. Cloudinary cũng có so sánh trình phát video HTML5 với nhiều giải pháp khác được liệt kê

Thuộc tính để bật điều khiển trên video là gì >