嵌入 Google 简报
Google 简报 ( Google Slides ) 是非常方便的线上简报应用程序 ( 类似线上 PowerPoint ),不论是任何的操作系统,只需要打开浏览器就能进行简报的编辑或播放,这篇教学会介绍如何透过 HTML 的实作,将 Google 简报加到网页中。
将 Google 简报发布到网络
登录 Google 账号后,从云端硬盘里新增或打开一份 Google 简报,进入选单“文件 > 共用”,点击“发布到网络”。
选择对话视窗里的“内嵌”页签,点击“发布”。
出现可以嵌入在网页的程序码后,表示发布完成。
嵌入 Google 简报
复制 Google 简报里发布的程序码,贴到网页中的 <body> 里,执行后就会看见 Google 简报出现在网页中。
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vSiWfMbrjoSSa9XQRVsa_Gs_1oq3nTl75xxxQ1h1MEpSmoyNblOX_-qCYvDFbQJun5t_DlcxMXcfdGE/embed?start=false&loop=false&delayms=3000"
frameborder="0"
width="960"
height="569"
allowfullscreen="true"
mozallowfullscreen="true"
webkitallowfullscreen="true"></iframe>
Google 简报嵌入网址参数与属性
嵌入 Google 简报之后,可以透过网址的参数以及 iframe 的属性设定 Google 简报,下方列出常用的属性和参数:
iframe 属性:
| 属性 | 说明 |
|---|---|
| width | 宽度 ( 可使用 CSS 取代 )。 |
| height | 高度 ( 可使用 CSS 取代 )。 |
| src | Google 简报网址。 |
| frameborder | iframe 边框 ( 可使用 CSS 调整 )。 |
| allowfullscreen | 是否允许某些地图全屏幕显示,移除则不能全屏幕显示,如果要跨浏览器可同时加入 mozallowfullscreen 和 webkitallowfullscreen。 |
网址参数:
| 参数 | 说明 |
|---|---|
| start | 自动播放,默认 false。 |
| loop | 循环播放,默认 false。 |
| delayms | 自动播放的默认间隔时间。 |
微信扫码关注
抖音扫码关注