GIFV không phải lúc nào cũng phát video


7

Hãy xem xét điều này, QUÀ TẶNG QUÀ TẶNG tốt: http://i.imgur.com/SQXB06O.gifv

Hãy xem xét điều này, QUÀ TẶNG QUÀ TẶNG xấu: http://i.imgur.com/MHfD9WX.gifv

Bây giờ cả hai đều là tải lên gần đây; 13 và 15 giờ tương ứng. Tuy nhiên, một phát dưới dạng video và một phát dưới dạng GIF. Bạn có thể nói bởi vì nếu bạn nhấp chuột phải vào GIFV thì nó báo là Tạm dừng , trong khi nếu bạn nhấp chuột phải vào GIFV thì nó báo là Xem Ảnh .

Tôi biết rằng GIFV xấu có sẵn một video:

$ wget --spider http://i.imgur.com/MHfD9WX.webm
HTTP request sent, awaiting response... 200 OK
Length: 542519 (530K) [video/webm]

Tuy nhiên, nếu bạn thử trực tiếp http://i.imgur.com/MHfD9WX.webm , nó sẽ chuyển hướng bạn đến GIFV và phát GIF.

Điều gì gây ra hành vi này?

Câu trả lời:


6

Theo nhân viên của Imgur :

chúng tôi hiển thị GIF gốc nếu dưới 2 triệu


Điều tôi thực sự muốn từ Imgur là cho phương tiện truyền thông hoạt động như video trên YouTube:

  • Chơi một lần
  • Phát lại khi nhấp

Tôi đã có thể thực hiện điều này. Đầu tiên tôi dừng vòng lặp GIF trong Firefox như thế này:

image.animation_mode; once

Sau đó, tôi đã tạo một bookmarklet để làm phần còn lại:

addEventListener('timeupdate', function(wh) wh.target.loop = 0, 1);
xr = document.querySelectorAll('img, video');
for (ya of xr) {
  zu = ya.style;
  zu.boxSizing = 'border-box';
  if (ya.play) {
    zu.border = 'thick solid violet';
    zu.position = 'relative';
    zu.zIndex = 10;
    if (ya.duration) zu.display = 'block';
    ya.onmouseover = function() this.controls = 1;
    ya.onclick = function() {
      this.parentNode.replaceChild(this.cloneNode(1), this);
      this.src = '';
    };
  }
  else {
    ya.onclick = function() this.src = this.src;
    zu.border = /gif/.test(ya.src) ? 'thick solid green' : 'thick solid peru';
  }
}

Điều này ngăn video lặp lại và sẽ phát lại phương tiện khi nhấp.

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.