Danh sách phát động và không có rãnh của video

Question

Tôi muốn hiển thị video trên trang web được tạo từ danh sách động gồm các video nhỏ hơn. Ví dụ: , video sẽ bao gồm 10 video nhỏ hơn (1, 2, 3, 4 ...) và mỗi video có thể khác nhau (1A, 1B, 1C, 1D ... 2A, 2B, 2C .. 3A). Vì vậy, kết quả sẽ là 1C-2B-3F-4A ...

Như bạn đã tưởng tượng, việc phát triển trước tất cả các kết hợp có thể sẽ liên quan đến việc tạo ra hàng nghìn kết quả đó. Bất kỳ ý tưởng nào về công cụ/ngôn ngữ tốt nhất về cách thực hiện?

Điều quan trọng là không có khoảng cách giữa chúng để chúng cảm thấy như một.

Tùy chọn Tôi đang xem xét: - phim cài đặt sẵn trên Flash (AS3) - yếu tố hình cài đặt sẵn trên HTML5 (và một số JS) - Sử dụng API của Youtube (sử dụng băng thông của họ) - Bất kỳ những điều trên với một số lưu bộ nhớ tốc độ nhận biết

Answer 1

Tôi muốn đề xuất phát trực tuyến bằng Flash. Không có cách nào được thực hiện, vì vậy dữ liệu được truyền chỉ là dữ liệu được hiển thị cho người dùng, nó khá hiệu quả về mặt tiêu thụ.

Tôi đã chơi với tính năng phát trực tuyến Flash và những gì bạn đang cố gắng không tìm nạp được nhiều thứ và cũng không đòi hỏi nhiều công việc. Nó có thể đơn giản như đưa ra một số stream.play2() commands với một số APPEND transition.

Nếu bạn chưa quen với điều này, có một bài viết giới thiệu thú vị tại đây: http://www.adobe.com/devnet/flash/articles/video_playlist.html. Ngoài ra, các mẫu có thể cung cấp cho bạn một khởi đầu nhanh chóng và một ý tưởng cho dù trải nghiệm người dùng sẽ đáp ứng nhu cầu của bạn.

Answer 2

Tôi gặp sự cố tương tự nhưng phát lại của tôi đã được kích hoạt bởi người dùng. Dù bằng cách nào, những gì giải quyết vấn đề cho tôi, là sự kiện canplaythrough. Nó có thể giúp bạn:

function swapVideos(source, target) { 
    target.get(0).play(); 
    target.bind('canplaythrough', function() { 
     target.offset({ 
      top : videoTop, 
      left : videoLeft 
     }); 
     source.offset({ 
      top : 20080, 
      left : 20920 
     }); 
     source.get(0).pause(); 
     var aux = topVideo; 
     topVideo = bottomVideo; 
     bottomVideo = aux; 

    target.unbind('canplaytrough'); 
    }); 
}