小编Jas*_*son的帖子

我正在构建一个创建幻灯片 mp4 视频的 Web 应用程序。它将被上传到 S3 并通过 HTML5 查看。目标是在 Instagram 上分享，但 Instagram 不允许通过网络直接分享。因此，另一种方法是让用户将其下载到他们的移动设备并通过应用程序手动上传。

在 Android 上，我可以使用它的视频控件或通过 <a href='s3-video-link.mp4' download>

但是，这不适用于 IOS。如何将 html5 视频下载到移动设备上？我可以以某种方式直接从 s3 下载吗？或者有什么可能的选择让它上传到instagram？

我不仅有多个过滤器，而且我有多个想要叠加的输入。我通常需要分 2 到 3 个步骤来完成它们，并且想知道如何在一个命令中完成所有操作，因为它应该是最有效的方法？

1 和 2 字面意思相同。为了可读性，我删掉了非常长且复杂的实际过滤器。

1. 图像向左滑到视频上
2. 取 1 的输出，图像在右侧滑动
3. 取输出 2，文本框图像淡入

4. 取output3，文字淡入（完成）

   1)
   ffmpeg -i input.mp4 -loop 1 -i image.jpg -filter_complex \
         "[1]scale=640:-1[i0]; \
          [i0]drawbox=color=white:t=15[i1]; \
          [i1]format=,fade=[i2]; \
          [i2]rotate=[i3]; \
          [0][i3]overlay= \
   -c:v libx264 -vb 10M output1.mp4
   
   2)
   ffmpeg -i output1.mp4 -loop 1 -i image2.jpg -filter_complex \
         "[1]scale=[i0]; \
          [i0]drawbox=[i1]; \
          [i1]format=,fade=[i2]; \
          [i2]rotate=[i3]; \
          [0][i3]overlay=" \
   -c:v libx264 -vb 10M output2.mp4
   
   3)
   ffmpeg -i output2.mp4 -i image3.jpg -filter_complex \
         "[1]scale=1080:-1 [ovrl], \
          [ovrl]format=fade=[i]; \
          [0][i]overlay=" …

   Run Code Online (Sandbox Code Playgroud)

我在同一页面上有三个 HTML5 视频，我想暂停/静音除我选择的视频之外的所有视频。当我通过单击事件侦听器来定位我的父 div 时，它似乎工作正常，但是当我定位视频控件时，我也需要它工作。

但是，当我开始测试 html5 媒体事件（例如“暂停”或“播放”）的事件侦听器时。我无法在不破坏事件的情况下监听将“video.play()”应用于事件。

var M = M || {};
var $allVideos = $('video');

M.playVideo = function($target) {
  var $video = $target.children('video');
  var $previewImage = $target.children('img.previewImage');
  
  $allVideos.map(function(index, element, something){
    element.pause();
    element.muted = true;
  });

  if($video[0].paused){
    $previewImage.css('display', 'none');
    $video[0].muted = false;
    $video[0].play();
  } else {
    $video[0].pause();
  }

}

$('.parallax-box').on('click', function (e) {
  e.preventDefault();
  M.playVideo($(this));
});

$('video').on('play', function(e) {
  //pause all videos initially
  $allVideos.map(function(index, element, something){
    element.pause();
  });
  //if the target video is paused, play it
  if($(this)[0].paused){
    $(this)[0].play(); …