معاينة المشغل

 <!-- mintPlayer v1.0 -->
  <div class="mint-player">
    <!-- الجسم -->
    <div class="mint-player-body">
      <div class="mint-player-embed">
        <iframe src="https://www.youtube.com/embed/9B282GYZqCg" allowFullScreen></iframe>
      </div>
    </div><!-- ./الجسم -->

    <div class="mint-player-flex">
      <!-- الأعدادات -->
      <div class="mint-player-action">
        <div>
          <div id="server" class="mint-player-trigger">
            <svg viewBox="0 0 24 24">
              <path d="M4,1H20A1,1 0 0,1 21,2V6A1,1 0 0,1 20,7H4A1,1 0 0,1 3,6V2A1,1 0 0,1 4,1M4,9H20A1,1 0 0,1 21,10V14A1,1 0 0,1 20,15H4A1,1 0 0,1 3,14V10A1,1 0 0,1 4,9M4,17H20A1,1 0 0,1 21,18V22A1,1 0 0,1 20,23H4A1,1 0 0,1 3,22V18A1,1 0 0,1 4,17M9,5H10V3H9V5M9,13H10V11H9V13M9,21H10V19H9V21M5,3V5H7V3H5M5,11V13H7V11H5M5,19V21H7V19H5Z" />
            </svg>
            سيرفرات المشاهده</div>
        </div>
        
        <!-- قائمة الخيارات للخوادم   -->
        <div class="mint-player-outside">
          <div class="mint-player-select">
            <div>
              <button data-caption='مستحسن' data-src='https://www.youtube.com/embed/9B282GYZqCg' class="is-selected">الخيار 01 <span>Youtube</span></button>
              <button data-src='https://www.youtube.com/embed/7bu39dMD5MA'>الخيار 02 <span>Youtube</span></button>
              <button data-type="video" data-caption='No disponible' data-src='https://dl.dropbox.com/s/c8wyf0targr4m3u/4%20-%20Beatless%20-%20Ending.mp4?dl=0' class="is-disable">الخيار 03 <span>أسم السيرفر</span></button>
            </div>
            <!-- زر الأغلاق -->
            <span class="mint-player-close">
              <svg style="width:24px;height:24px" viewBox="0 0 24 24">
                <path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" />
              </svg>
            </span><!-- ./زر الأغلاق -->
          </div>
        </div><!-- ./قائمة الخيارات للخوادم  -->
  
  
        <!-- روابط التحميل -->
        <div class="mint-player-download">
          <label for="cvDL" class="mint-player-trigger is-dropdown">
            <svg viewBox="0 0 24 24"><path d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z" /></svg></label>
            <input type="checkbox" id="cvDL"/>
            <ul>
              <li><a href="#">Mediafire <span>300mb</span></a></li>
              <li><a href="#">Google Drive <span>500mb</span></a></li>
              <li><a href="#">Mega.nz <span>200mb</span></a></li>
            </ul>
        </div><!-- ./روابط التحميل -->
      </div><!-- ./الأعدادات -->
      <!-- التنقل -->
      <div class="mint-player-nav">
                <a href="#" class="mint-player-trigger">
          <svg style="width:24px;height:24px" viewBox="0 0 24 24">
            <path fill="currentColor" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" />
          </svg>
          التالي.</a>
        <a href="#" class="mint-player-trigger">السابق.
          <svg style="width:24px;height:24px" viewBox="0 0 24 24">
            <path fill="currentColor" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" />
          </svg> </a>

      </div><!-- ./التنقل -->
    </div>

  </div><!-- ./mintPlayer v1.0 -->