html - 如何在我这边播放嵌入的 OneDrive 视频？

Question

不太确定我是否可以问这个所以我希望它没问题。我有我的网站，我想在其中嵌入和播放存储在 OneDrive 云服务上的视频。到目前为止，这听起来很简单，但问题是:虽然我实际上可以通过提供的嵌入 iframe 代码嵌入它，但除非在 OneDrive 网站上重定向，否则无法播放。我在互联网上做了我的研究，但它看起来像死胡同，没有人真正解决这个谜团。这是我得到的:

官方嵌入链接:
<iframe src="https://onedrive.live.com/embed?cid=5FAC7D8A540D1B7A&resid=5FAC7D8A540D1B7A%21141&authkey=AM3Y3EuRuTPbKo0" width="320" height="240" frameborder="0" scrolling="no" allowfullscreen></iframe>

无法从我的站点播放此嵌入。在我按下播放按钮后，它会将我重定向到:

https://onedrive.live.com/redir.aspx?cid=5fac7d8a540d1b7a&resid=5FAC7D8A540D1B7A!141&parId=5FAC7D8A540D1B7A!140&authkey=!AM3Y3EuRuTPbKo0

然后在这里:

https://onedrive.live.com/?cid=5fac7d8a540d1b7a&id=5FAC7D8A540D1B7A%21141&sff=1&authkey=!AM3Y3EuRuTPbKo0

终于到了我可以播放的地方:

https://onedrive.live.com/?authkey=%21AM3Y3EuRuTPbKo0&cid=5FAC7D8A540D1B7A&id=5FAC7D8A540D1B7A%21141&parId=5FAC7D8A540D1B7A%21140&o=OneUp

官方分享链接:
https://onedrive.live.com/redir?resid=5FAC7D8A540D1B7A!141&authkey=!AJVBaVimMA1e0cc&ithint=video%2cmp4

从这里我找到了一种方法如何通过更改带有下载的 redir 部分来创建直接下载链接:

https://onedrive.live.com/download?resid=5FAC7D8A540D1B7A!141&authkey=!AJVBaVimMA1e0cc&ithint=video%2cmp4

可以放入<iframe>或 <video>但还是不能播放。也可以将 redir 更改为嵌入:

<iframe src="https://onedrive.live.com/embed?resid=5FAC7D8A540D1B7A!141&authkey=!AJVBaVimMA1e0cc&ithint=video%2cmp4" width="320" height="240" frameborder="0" scrolling="no" allowfullscreen></iframe>

这与官方嵌入链接几乎相同。然后还有像这样的字符串:&em=2和 &Embed=1 (不太确定它们代表什么，但它们确实改变了重定向的输出)示例:

https://onedrive.live.com/embed?resid=5FAC7D8A540D1B7A!141&ithint=video%2cmp4&em=2&Embed=1

据我所知，这些列出的字符串总是可以跳过:
?cid=5FAC7D8A540D1B7A
&authkey=AM3Y3EuRuTPbKo0
&ithint=video%2cmp4
&id=5FAC7D8A540D1B7A%21141
&parId=5FAC7D8A540D1B7A%21140
&o=OneUp

有了这个，我就完全没有嵌入了。 “将我重定向到 OneDrive 并在那里玩我”就像一个新词。当然，我也尝试在 OneDrive 支持上寻求帮助，但他们玩得很蠢!并不断问我为什么我需要在我的网站上播放我的视频，因为我可以在我的驱动器上播放它。显然他们在 mock 我。我并没有真正尝试将它们用作我的 ftp 服务器(即使在我违反他们的行为准则之前我不会做他们的生意)，我只是想像在 Youtube、Vimeo 上一样在我的网站上播放我的嵌入视频或 Dailymotion。 (好吧，老实说，如果我还没有购买 2TB 的存储空间，我也不会太在意)

我最终寻找的是“真正的嵌入”或至少是“直接链接”，就像我在图像方面发现的那样:http://1drv.ms/1PbOhF8其中直接链接是:https://u6gkqq.dm2303.livefilestore.com/y3mtdqmTctG9LFmZ_HLl1tYgUkWTiB8xkCZ0-nOKP2_SLzkuVXtzJzhavaA8axBWlqrVezVbDjA4bO-8AJjbVSp_Yc3luKWSiMVuhvRhnvYFie_FfOEQldmztKVtOlxGrG18AIftsAbOwfXORrB8TZ1EPZYFmKQ6KfmA8Q2TWqStxE/%D0%9D%D1%8C%D1%8E-%D0%99%D0%BE%D1%80%D0%BA-%D0%B0%D0%BC%D0%B5%D1%80%D0%B8%D0%BA%D0%B0-%D0%BA%D1%80%D0%B0%D1%81%D0%B8%D0%B2%D1%8B%D0%B5-%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8-Tilt-Shift-2344711.jpeg?psid=1

我的意思是，必须有一种方法可以实际获取存储文件的直接链接，即使它是视频，对吧？

我什至尝试将视频插入我的桌面 MS PowerPoint 2013，然后将其上传到 OneDrive，获取嵌入代码，将其放在我的网站上并在我的网站上播放。问题是这样的嵌入演示只能由我查看，也只能在全屏模式之外查看(进入全屏将导致再次在 OneDrive 上重定向)。在这里，我附上分享链接 + 嵌入:

http://1drv.ms/1Z33Xox

从在线 OneDrive 存储嵌入:
<iframe src="https://onedrive.live.com/embed?cid=5FAC7D8A540D1B7A&resid=5FAC7D8A540D1B7A%21143&authkey=AMrmlVIx_LeyX_g&em=2" width="402" height="327" frameborder="0" scrolling="no"></iframe>

嵌入由嵌入嵌入:
<iframe src='https://onedrive.live.com/embed?cid=5FAC7D8A540D1B7A&resid=5FAC7D8A540D1B7A%21143&authkey=AMrmlVIx_LeyX_g&em=2&wdAr=1.7777777777777777&Embed=1' width='402px' height='327px' frameborder='0'></iframe>

现在，有趣的是播放此演示文稿使用的是原生 HTML5 播放器。虽然在“共享链接”上禁用了右键单击菜单(使用 oncontextmenu="javascript:return false;" )，但是在嵌入模式下，启用了右键单击菜单但是控件上缺少全屏( allowfullscreen )。不幸的是，视频无法保存或在新选项卡中打开，因为它会触发下载一些“mediahandler.ashx”文件，这实际上是我的视频文件，扩展名已重命名!这是地址:

https://powerpoint.officeapps.live.com/p/mediahandler.ashx?PV=6&PF=5&Fi=SD5FAC7D8A540D1B7A!143&C=5_810_DM2-SKY-WAC-WSHI&ak=t%3D0%26s%3D0%26v%3D%21AMrmlVIx%5FLeyX%5Fg&z=257&usid=9992f846%2D2470%2D4a99%2Da07d%2Da26ffa761de7&Rid=2041958409%2Emp4%2Emedia&waccluster=DB3B&retries=3

这将重定向到这里并触发下载 ashx 文件 -

https://powerpoint.officeapps.live.com/p/mediahandler.ashx?PV=6&PF=5&Fi=SD5FAC7D8A540D1B7A!143&C=5_810_DM2-SKY-WAC-WSHI&ak=t%3D0%26s%3D0%26v%3D%21AMrmlVIx_LeyX_g&z=257&usid=9992f846-2470-4a99-a07d-a26ffa761de7&Rid=2041958409%2Emp4%2Emedia&waccluster=DB3B&retries=3

有什么想法吗？

Answer 1

使用视频标签并在 src 属性中使用 iframe 的 src 值并将嵌入更改为下载。希望它会起作用。试试吧。

<video controls width="360" height="240">
   <source src="https://onedrive.live.com/download?cid=5FAC7D8A540D1B7A&resid=5FAC7D8A540D1B7A%21141&authkey=AM3Y3EuRuTPbKo0" type='video/mp4'/>
</video>