练竹园何平安

使用OneDrive在网站在线播放音视频

Toretto·2023-09-02 16:49·5688 次阅读

使用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&amp;poster=/" />
        <param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="true" />
    </object> 
</video>

 

posted @   何平安  阅读(5689)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
浏览器标题切换end
点击右上角即可分享
微信分享提示
目录