> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 钉钉会议网页端iframe集成指南

> 通过 iframe 将钉钉会议嵌入网页：必要的 postMessage 事件、允许的 origin、sandbox 属性、从父页面控制会议。

钉钉会议网页端支持以 **iframe** 方式嵌入到您的业务网站中，以满足客户面试招聘、企业培训等定制化的服务需求。

***

## 使用条件

1. 需要使用钉钉会议网页端

2. 购买了付费版本（会议会员版、云会议室、专业版、专属版）

购买钉钉会议，畅享不限时会议等 10+ 权益    [**立即购买**](https://oa.dingtalk.io/plans)  **免费咨询**

## 使用案例：面试招聘

使用钉钉会议的 iframe 集成能力，可以将会议界面嵌入到面试网站的任意位置当中，并且随时进行切换。也支持根据使用场景将不需要的按钮或功能进行隐藏，方便进行权限控制。

## 如何集成到网站

iframe 方式的嵌入十分简单，只需要在 HTML 页面中插入一个钉钉会议的 iframe 标签即可。

一个基础的嵌入示例如下：

```html theme={"theme":{"light":"github-light","dark":"github-dark"}}
<iframe 
  src="https://meeting.dingtalk.io/app/room?linkId={:linkId}" 
  allow="camera; microphone; display-capture">
</iframe>
```

集成钉钉会议网页端的 iframe 之后，支持通过 URL 传参、消息传递的方式，实现自定义UI 、获取会中信息等功能。如需了解具体接口，请[立即咨询](https://docs.dingtalk.io/notable/share/form/v01oJGq76QW6oPBnAKe_dv19yqvsgs3oebp3pcjys_1qX0QQ0)以获取完整的开发文档。

## 自定义 UI

此功能支持自定义配置界面上的 UI 组件是否隐藏或展示，例如会议页面中的共享按钮、邀请按钮。

自定义 UI 示例如下：

```html theme={"theme":{"light":"github-light","dark":"github-dark"}}
<iframe 
  src="https://meeting.dingtalk.io/app/room?linkId={:linkId}&invite=0&screen_share=0" 
  allow="camera; microphone; display-capture">
</iframe>

<!-- 通过URL传参隐藏了共享和邀请按钮 -->
```