未加星标

在blog中内嵌在线PPT

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二04 | 时间 2018 | 作者 红领巾 ] 0人收藏点击收藏

有时我们会做一些分享,分享之后可以把 PPT 脱敏之后放在博客上面, 可以使用 office online 直接内嵌 PPT。巨硬大法好

需求 在线播放 支持动画 支持播放内嵌视频 自适应

上面的 需求, WPS 云文档支持 1, 以及一些简单的动画,Office online 支持 1,2,3 第四点我们可以通过一个简单 js 脚本解决

获取分享链接 1.登录 https://onedrive.live.com 上传需要分享的 PPT 2.如下图所示 打开刚刚上传的 PPT 文件
在blog中内嵌在线PPT
3.点击右上角的文件 -> 共享 -> 嵌入
在blog中内嵌在线PPT
4.获取分享链接,将代码中的分享链接复制
在blog中内嵌在线PPT
<iframe src="这里是你的分享链接" width="350px" height="221px" frameborder="0" >这是嵌入 <a target="_blank" href="https://office.com">Microsoft Office</a> 演示文稿,由 <a target="_blank" href="https://office.com/webapps">Office Online</a> 支持。</iframe >

5.修改代码自适应,将上一步获取到的链接 替换到下方代码中,复制粘贴到博客中即可

<iframe id="ppt" width="100%" onload="autoChange()" src="在此处替换为你的PPT链接" frameborder="0" ></iframe> <script> function autoChange() { let ifm = document.getElementById('ppt') ifm.height = (ifm.clientWidth / 16) * 9 + 24 } window.onresize = autoChange </script> 示例

https://lailin.xyz/post/notes/pprof-go%E6%80%A7%E8%83%BD%E5%88%86%E6%9E%90%E5%B7%A5%E5%85%B7/

总结

Office Online 对于 PPT 支持相当的好,唯一的缺点可能就是在国内有些的确被墙,可能需要 FQ 才能访问

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

代码区博客精选文章
分页:12
转载请注明
本文标题:在blog中内嵌在线PPT
本站链接:https://www.codesec.net/view/620911.html


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(35)