使用OneDrive在网站在线播放音视频
原文链接:OneDrive的妙用 图/音频/视频床 - wuuconix's blog
也是最近想在自己网站搞个图床,但是网站内存可能不太支持大量的图片,尤其是视频,这时就需要外用嵌入url进行,我试了下OneDrive播放1080P的视频还是不怎么卡,加载个3秒左右就可以看了。主要是它画质不压缩。而且博客园也不支持上传视频文件得嘛,这时一个外链就很重要。
原文教程:获取OneDrive直链 (mapaler.github.io)
对了现在好像需要魔法了...
详细教程#
如果单只外链图片直接用博客园的上传图片或者免费图床网址:ImgTP - 免费公共图床
需要上传视频的话就用下面的方法;
注册微软账号并登录到OneDrive:https://onedrive.live.com/,这个网址就是你存储图床的位置,上传你的音视频,普通用户有5GB的免费空间,大一点的40RMB一个月,空间有500GB,但是你忘了可以开小号得嘛,一个号不行就多个号。
上传文件后右键选择嵌入,然后就可以复制你的代码到你的网址上了,但是这种直接嵌入全部代码播放视频会跳转到OneDrive的网站播放,如果需要链接直接找到代码里面的https链接就行。
如果需要改变URL地址掩码,可以使用获取OneDrive直链 (mapaler.github.io)网站所提供的控制面板来改变:
两种方法嵌入到博客展示#
(测试视频大小:103MB,20s,1080p)
跳转到 OneDrive 网站播放:(流畅,适合大视频)
<iframe src="YOUR URL" width="320" height="320" frameborder="0" scrolling="no" allowfullscreen></iframe>
(测试视频:39MB,13s,1080p)
直接在当前页面播放:(方便,适合小视频)直接在博客园自带的插入视频写入URL就行
<video src="YOUR URL" preload="none" controls="controls" width="100%" height="240">
<object width="100%" height="240" data="https://i.cnblogs.com/tinymce3/plugins/media/moxieplayer.swf" type="application/x-shockwave-flash">
<param name="src" value="https://i.cnblogs.com/tinymce3/plugins/media/moxieplayer.swf" /><param name="flashvars" value="url=http%3A//storage.live.com/items/FD2CF6A8D4B567B9%21106%3A/69725401FBD644A131110FCDE1DC5643.mp4&poster=/" />
<param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="true" />
</object>
</video>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?