<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta name="baidu-site-verification" content="codeva-TRbnNlplmM"/>
  <title>详细讲讲通道与蒙版的应用 - 职场课程 - 筱一PPT模板</title>
  <meta name="description" content="详细讲讲通道与蒙版的应用，筱一PPT职场课程。"/>
  <meta name="keywords" content="职场课程,PPT教程,视频课"/>
  <meta name="robots" content="index, follow"/>
  <link rel="canonical" href="https://www.xywl666.top/job-course/详细讲讲通道与蒙版的应用.json"/>
  <meta property="og:type" content="website"/>
  <meta property="og:site_name" content="筱一PPT模板"/>
  <meta property="og:title" content="详细讲讲通道与蒙版的应用 - 职场课程 - 筱一PPT模板"/>
  <meta property="og:description" content="详细讲讲通道与蒙版的应用，筱一PPT职场课程。"/>
  <meta property="og:url" content="https://www.xywl666.top/job-course/详细讲讲通道与蒙版的应用.json"/>
  
  <link rel="icon" type="image/png" href="/assets/app-logo.png?v=1"/>
  <link rel="stylesheet" href="/assets/site.css"/>
</head>
<body class="job-detail-page">
<header class="site-header">
  <div class="header-inner page-container-h">
    <a class="logo" href="/ppt">
      <img src="/assets/app-logo.png?v=1" alt="" class="logo-img"/>
      <span class="logo-text">筱一PPT模板</span>
    </a>

    <nav class="main-nav">
      <a href="/ppt" class="nav-link">首页</a>
      <div class="nav-dropdown">
        <span class="nav-link">分类</span>
        <div class="dropdown-panel">
          
          <a href="/ppt">PPT模板</a>
          <a href="/course">PPT课件</a>
          <a href="/shouchao">手抄报模板</a>
          <a href="/zhichang">职场课程</a>
          <a href="/ai-create">AI创作</a>
        </div>
      </div>
    </nav>

    <form class="search-wrap" id="siteSearchForm" method="get"
          action="/ppt">
      <select id="siteSearchType" class="search-type" aria-label="搜索分类">
        <option value="/ppt" selected="selected">PPT模板</option>
        <option value="/course">PPT课件</option>
        <option value="/shouchao">手抄报</option>
      </select>
      <input type="text" name="q" class="search-input"
             placeholder="搜索PPT模板，如：工作总结"
             value=""/>
      
      <button type="submit" class="btn-search" aria-label="搜索">
        <svg viewBox="0 0 24 24" width="18" height="18" fill="#fff">
          <path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
        </svg>
      </button>
    </form>

    <div class="header-actions">
      <div class="vip-entry">
        <a href="/vip" class="btn-vip-trigger">
          <span class="btn-vip-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
              <path d="M12 2l2.4 7.4H22l-6 4.6 2.3 7-6.3-4.6L5.7 21l2.3-7-6-4.6h7.6L12 2z"/>
            </svg>
          </span>
          <span>VIP</span>
        </a>
        <div class="vip-hover-panel" role="tooltip" aria-label="会员权益介绍">
          <div class="vip-hover-card">
            <div class="vip-hover-banner">
              <div class="vip-banner-deco" aria-hidden="true">
                <span class="vip-diamond-shape">
                  <span class="vip-diamond-v">V</span>
                </span>
              </div>
              <div class="vip-banner-text">
                <strong>开通VIP</strong>
                <p>立享全站模板素材下载</p>
              </div>
            </div>
            <ul class="vip-hover-benefits">
              <li><i class="vip-check" aria-hidden="true"></i>会员免费下载</li>
              <li><i class="vip-check" aria-hidden="true"></i>全站可下载</li>
              <li><i class="vip-check" aria-hidden="true"></i>每日更新</li>
              <li><i class="vip-check" aria-hidden="true"></i>尊贵会员铭牌</li>
              <li><i class="vip-check" aria-hidden="true"></i>专享高速下载</li>
              <li><i class="vip-check" aria-hidden="true"></i>享有专属客服</li>
            </ul>
            <div class="vip-hover-cta-wrap">
              <span class="vip-promo-tag">限时特惠</span>
              <a href="/vip" class="vip-hover-cta">立即开通会员</a>
            </div>
          </div>
        </div>
      </div>

      <div class="auth-btns" id="siteAuthBtns">
        <a class="btn-outline" href="/login">登录</a>
        <a class="btn-outline primary" href="/login?tab=register">注册</a>
      </div>
    </div>
  </div>
  <script src="/assets/site-header.js?v=5" defer></script>
  <script>
    (function () {
      var form = document.getElementById('siteSearchForm');
      var sel = document.getElementById('siteSearchType');
      if (!form || !sel) return;
      sel.addEventListener('change', function () {
        form.action = sel.value;
        form.querySelectorAll('input[name=l1], input[name=cat]').forEach(function (el) { el.remove(); });
      });
    })();
  </script>
</header>

<main class="page-container detail-main">
  <nav class="breadcrumb">
    <a href="/zhichang">职场课程</a>
    <span class="sep">&gt;</span>
    <span class="current">详细讲讲通道与蒙版的应用</span>
  </nav>

  <div class="detail-head">
    <div class="head-cover-wrap job-course-cover">
      <div class="cover-generated" style="background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%)">
        <span class="cover-tab">PPT课程</span>
        <span class="cover-title">详细讲讲通道与蒙版的应用</span>
      </div>
    </div>
    <div class="head-info">
      <h1>详细讲讲通道与蒙版的应用</h1>
      <p class="excerpt">通道和蒙版并不复杂，本课程将专业讲解，带你快速掌握通道和蒙版！</p>
    </div>
  </div>

  <section class="session-block">
    <h2 class="session-title">通道和蒙版基础</h2>
    <p class="session-desc">通道和蒙版基础</p>
    <ul class="lesson-list">
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/1.1.mp4"
                data-free="true"
                data-vip="false"
                data-name="初步理解通道和蒙版">
          <span class="lesson-index">1</span>
          <span class="lesson-name">初步理解通道和蒙版</span>
          <span class="tag-free">试看</span>
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/1.2.mp4"
                data-free="true"
                data-vip="false"
                data-name="理解通道中的颜色信息">
          <span class="lesson-index">2</span>
          <span class="lesson-name">理解通道中的颜色信息</span>
          <span class="tag-free">试看</span>
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/1.3.mp4"
                data-free="true"
                data-vip="false"
                data-name="使用彩色显示通道">
          <span class="lesson-index">3</span>
          <span class="lesson-name">使用彩色显示通道</span>
          <span class="tag-free">试看</span>
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/1.4.mp4"
                data-free="false"
                data-vip="true"
                data-name="RGB通道模式的工作原理">
          <span class="lesson-index">4</span>
          <span class="lesson-name">RGB通道模式的工作原理</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/1.5.mp4"
                data-free="false"
                data-vip="true"
                data-name="理解单独的灰度通道">
          <span class="lesson-index">5</span>
          <span class="lesson-name">理解单独的灰度通道</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/1.6.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用B&amp;W自定义通道">
          <span class="lesson-index">6</span>
          <span class="lesson-name">使用B&amp;W自定义通道</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/1.7.mp4"
                data-free="false"
                data-vip="true"
                data-name="理解LAB模式的工作原理">
          <span class="lesson-index">7</span>
          <span class="lesson-name">理解LAB模式的工作原理</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/1.8.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用LAB模式调整饱和度">
          <span class="lesson-index">8</span>
          <span class="lesson-name">使用LAB模式调整饱和度</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/1.9.mp4"
                data-free="false"
                data-vip="true"
                data-name="CMYK通道的工作原理">
          <span class="lesson-index">9</span>
          <span class="lesson-name">CMYK通道的工作原理</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/1.10.mp4"
                data-free="false"
                data-vip="true"
                data-name="多通道的转换及使用">
          <span class="lesson-index">10</span>
          <span class="lesson-name">多通道的转换及使用</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/1.11.mp4"
                data-free="false"
                data-vip="true"
                data-name="多通道转换为其他通道">
          <span class="lesson-index">11</span>
          <span class="lesson-name">多通道转换为其他通道</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
    </ul>
  </section>

  <section class="session-block">
    <h2 class="session-title">多种通道详解</h2>
    <p class="session-desc">多种通道详解</p>
    <ul class="lesson-list">
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/2.1.mp4"
                data-free="false"
                data-vip="true"
                data-name="理解通道和Alpha通道">
          <span class="lesson-index">1</span>
          <span class="lesson-name">理解通道和Alpha通道</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/2.2.mp4"
                data-free="false"
                data-vip="true"
                data-name="理解蒙版是如何工作的">
          <span class="lesson-index">2</span>
          <span class="lesson-name">理解蒙版是如何工作的</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/2.3.mp4"
                data-free="false"
                data-vip="true"
                data-name="转换选区为Alpha通道">
          <span class="lesson-index">3</span>
          <span class="lesson-name">转换选区为Alpha通道</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/2.4.mp4"
                data-free="false"
                data-vip="true"
                data-name="Alpha通道的快速修改">
          <span class="lesson-index">4</span>
          <span class="lesson-name">Alpha通道的快速修改</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/2.5.mp4"
                data-free="false"
                data-vip="true"
                data-name="支持Alpha通道的格式">
          <span class="lesson-index">5</span>
          <span class="lesson-name">支持Alpha通道的格式</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/2.6.mp4"
                data-free="false"
                data-vip="true"
                data-name="四种方法载入Alpha通道">
          <span class="lesson-index">6</span>
          <span class="lesson-name">四种方法载入Alpha通道</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/2.7.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用Alpha通道分割图像">
          <span class="lesson-index">7</span>
          <span class="lesson-name">使用Alpha通道分割图像</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/2.8.mp4"
                data-free="false"
                data-vip="true"
                data-name="加载其他图像中的通道">
          <span class="lesson-index">8</span>
          <span class="lesson-name">加载其他图像中的通道</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
    </ul>
  </section>

  <section class="session-block">
    <h2 class="session-title">蒙版基础用法</h2>
    <p class="session-desc">蒙版基础用法</p>
    <ul class="lesson-list">
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/3.1.mp4"
                data-free="false"
                data-vip="true"
                data-name="可视化修改Alpha通道">
          <span class="lesson-index">1</span>
          <span class="lesson-name">可视化修改Alpha通道</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/3.2.mp4"
                data-free="false"
                data-vip="true"
                data-name="Alpha通道的3种属性">
          <span class="lesson-index">2</span>
          <span class="lesson-name">Alpha通道的3种属性</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/3.3.mp4"
                data-free="false"
                data-vip="true"
                data-name="Alpha通道的3种逻辑运算">
          <span class="lesson-index">3</span>
          <span class="lesson-name">Alpha通道的3种逻辑运算</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/3.4.mp4"
                data-free="false"
                data-vip="true"
                data-name="背后模式以及清除模式">
          <span class="lesson-index">4</span>
          <span class="lesson-name">背后模式以及清除模式</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/3.5.mp4"
                data-free="false"
                data-vip="true"
                data-name="图层蒙版隐藏效果">
          <span class="lesson-index">5</span>
          <span class="lesson-name">图层蒙版隐藏效果</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/3.6.mp4"
                data-free="false"
                data-vip="true"
                data-name="剪切蒙版的创建及应用">
          <span class="lesson-index">6</span>
          <span class="lesson-name">剪切蒙版的创建及应用</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/3.7.mp4"
                data-free="false"
                data-vip="true"
                data-name="将剪切图层混合成组">
          <span class="lesson-index">7</span>
          <span class="lesson-name">将剪切图层混合成组</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/3.8.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用涂抹工具修改蒙版">
          <span class="lesson-index">8</span>
          <span class="lesson-name">使用涂抹工具修改蒙版</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/3.9.mp4"
                data-free="false"
                data-vip="true"
                data-name="在通道中查看容差范围">
          <span class="lesson-index">9</span>
          <span class="lesson-name">在通道中查看容差范围</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/3.10.mp4"
                data-free="false"
                data-vip="true"
                data-name="魔棒工具的高级设定">
          <span class="lesson-index">10</span>
          <span class="lesson-name">魔棒工具的高级设定</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
    </ul>
  </section>

  <section class="session-block">
    <h2 class="session-title">蒙版的应用</h2>
    <p class="session-desc">蒙版的应用</p>
    <ul class="lesson-list">
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/4.1.mp4"
                data-free="false"
                data-vip="true"
                data-name="多种选区组合生成蒙版">
          <span class="lesson-index">1</span>
          <span class="lesson-name">多种选区组合生成蒙版</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/4.2.mp4"
                data-free="false"
                data-vip="true"
                data-name="魔棒与色彩范围的区别">
          <span class="lesson-index">2</span>
          <span class="lesson-name">魔棒与色彩范围的区别</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/4.3.mp4"
                data-free="false"
                data-vip="true"
                data-name="色彩范围中蒙版的选取">
          <span class="lesson-index">3</span>
          <span class="lesson-name">色彩范围中蒙版的选取</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/4.4.mp4"
                data-free="false"
                data-vip="true"
                data-name="色彩范围中颜色的选取">
          <span class="lesson-index">4</span>
          <span class="lesson-name">色彩范围中颜色的选取</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/4.5.mp4"
                data-free="false"
                data-vip="true"
                data-name="快速蒙版的使用方法">
          <span class="lesson-index">5</span>
          <span class="lesson-name">快速蒙版的使用方法</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/4.6.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用滤镜优化蒙版边缘">
          <span class="lesson-index">6</span>
          <span class="lesson-name">使用滤镜优化蒙版边缘</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/4.7.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用蒙版生成一个投影">
          <span class="lesson-index">7</span>
          <span class="lesson-name">使用蒙版生成一个投影</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/4.8.mp4"
                data-free="false"
                data-vip="true"
                data-name="调整蒙版的详细使用">
          <span class="lesson-index">8</span>
          <span class="lesson-name">调整蒙版的详细使用</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/4.9.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用通道扣取复杂图像">
          <span class="lesson-index">9</span>
          <span class="lesson-name">使用通道扣取复杂图像</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/4.10.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用计算生成新通道">
          <span class="lesson-index">10</span>
          <span class="lesson-name">使用计算生成新通道</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
    </ul>
  </section>

  <section class="session-block">
    <h2 class="session-title">蒙版高级应用</h2>
    <p class="session-desc">蒙版高级应用</p>
    <ul class="lesson-list">
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/5.1.mp4"
                data-free="false"
                data-vip="true"
                data-name="矢量蒙版的使用方法">
          <span class="lesson-index">1</span>
          <span class="lesson-name">矢量蒙版的使用方法</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/5.2.mp4"
                data-free="false"
                data-vip="true"
                data-name="矢量蒙版结合图层蒙版">
          <span class="lesson-index">2</span>
          <span class="lesson-name">矢量蒙版结合图层蒙版</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/5.3.mp4"
                data-free="false"
                data-vip="true"
                data-name="使用组统一添加蒙版">
          <span class="lesson-index">3</span>
          <span class="lesson-name">使用组统一添加蒙版</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
      <li class="lesson-item">
        <button type="button" class="lesson-btn"
                data-video-url="http://video.1pwang.com/uploads/130/5.4.mp4"
                data-free="false"
                data-vip="true"
                data-name="高级选项 - 挖空的使用">
          <span class="lesson-index">4</span>
          <span class="lesson-name">高级选项 - 挖空的使用</span>
          
          
          <span class="lesson-play">播放</span>
        </button>
      </li>
    </ul>
  </section>

  <p id="playMsg" class="play-msg hidden"></p>
</main>

<div id="videoModal" class="video-modal-mask hidden" aria-hidden="true">
  <div class="video-modal">
    <div class="video-modal-head">
      <h3 class="video-modal-title" id="videoModalTitle">视频播放</h3>
      <button type="button" class="btn-close-video" id="btnCloseVideo" aria-label="关闭">×</button>
    </div>
    <div class="video-modal-body">
      <video id="videoPlayer" class="video-player" controls playsinline></video>
    </div>
    <p class="video-modal-tip" id="videoModalTip"></p>
  </div>
</div>

<div id="jobCourseConfig" class="hidden"
     data-play-mode="video"></div>
<script src="/assets/job-course-detail.js" defer></script>
</body>
</html>
