在弹出窗口中播放多个浏览器/设备的视频？

Question

我的目标网页上有几个部分。每个部分都有一个按钮，点击后，我想要一个视频弹出并在模态窗口中播放。

到目前为止，基于所有这些问题，我有几个问题。

1. 视频以.m4v格式传递给我，我通过html5处理：

       <video id="delivervideo" width="100%" height="100%" controls>
           <source src="@Url.Content("~/Content/videos/DeliverSection.m4v")" type="video/mp4">
           Your browser does not support the video tag.
       </video>
   

2. 这实际上是嵌入在Bootstrap模式中，在任何非PC设备上都显得非常糟糕（出现在屏幕顶部并切断）。

3. 当我开始播放视频时，如果我使用内置控件跳过，视频就会停止。除非我刷新页面并开始播放视频，否则我无法再次启动视频。

所以我的问题在这里有点广泛，但它们本质上是：

1. 当我的图形团队向我发送视频时，我应该要求哪种格式，以便视频适用于iOS，Android，Chrome和IE？我应该支持几种格式吗？我们有很多软件可以改变视频的格式，只是不确定使用什么格式
2. 如果我想在弹出式模态窗口中继续打开视频，那么有没有比Bootstrap更好的解决方案？有人在这里有经验吗？
3. 是否有其他人遇到内置html5 <video>代码控件的问题，其中跳过提前/倒带导致播放问题？

如果他们愿意看一下，我可以通过PM分享这个页面，但实际上没什么特别的。只是一个支持mp4类型的简单<video>标签，而视频是.m4v格式。到目前为止它似乎只适用于Chrome，因此对手机或平板电脑不太有用。

注意，我使用的是ASP / MVC，该网站作为网站托管在Microsoft Windows Azure中，而不是我可以控制IIS的VM。