Hls quality (#409)

* update docs

packages/artplayer-document/docs/en/Plugins/hls-quality.mdx

@@ -0,0 +1,41 @@
+---
+title: Hls Quality Plugin
+sidebar_position: 4
+---
+
+## Overview
+
+With this plugin, you can add the `Hls` video quality list to the control or the settings panel
+
+## Demo
+
+👉 [View Demo](https://artplayer.org/?libs=https://cdnjs.cloudflare.com/ajax/libs/hls.js/8.0.0-beta.3/hls.min.js%0A./uncompiled/artplayer-plugin-hls-quality/index.js&example=hls.quality)
+
+## Install
+
+### Install from `npm`:
+
+```bash
+$ npm install artplayer-plugin-hls-quality
+```
+
+### Install from `yarn`:
+
+```bash
+$ yarn add artplayer-plugin-hls-quality
+```
+
+### Install from `script`:
+
+```html
+<!-- local -->
+<script src="path/to/artplayer-plugin-hls-quality.js"></script>
+
+<!-- jsdelivr -->
+<script src="https://cdn.jsdelivr.net/npm/artplayer-plugin-hls-quality/dist/artplayer-plugin-hls-quality.js"></script>
+
+<!-- unpkg -->
+<script src="https://unpkg.com/artplayer-plugin-hls-quality/dist/artplayer-plugin-hls-quality.js"></script>
+```
+
+Then you can access the plugin function through `window.artplayerPluginHlsQuality`

packages/artplayer-document/docs/en/Plugins/iframe.mdx

@@ -5,7 +5,7 @@ sidebar_position: 3
 
 ## Overview
 
-With this plug-in, you can easily control the player in the `iframe` page in the `main page`.
+With this plugin, you can easily control the player in the `iframe` page in the `main page`.
 
 For example, you can control the functions of the `iframe` player through code in the `main page`, or get the value of the `iframe` player.