Dplayer中Hls支持小解

摘要

Dplayer播放器框架从浏览器自身的videoDOM组件继承扩展而来，因此其本身只支持如下三种媒体类型。其他的如m3u8和flv等类型并不支持，需要通过扩展进行。

File Format	Media Type
MP4	video/mp4
WebM	video/webm
Ogg	video/ogg

而Dplayer文档本身叙述并不十分清晰，因此，本文仅对这类支持做出一些个人见解的描述，如有谬误，欢迎交流改正。

HLS支持的两种写法

写法一：通过script标签提前引入，并在pluginOptions中进行配置

<div id="dplayer"></div>
<script src="hls.min.js"></script>
<script src="DPlayer.min.js"></script>

const dp = new DPlayer({
    container: document.getElementById('dplayer'),
    video: {
        url: 'demo.m3u8',
        type: 'hls',
    },
    pluginOptions: {
        hls: {