DRAFT: Mengakali NOT AUTHORIZED saat Upload Video dr Lembaga2 OFFICIAL

NOTES

To be DONE NEXT:

Replace "Default Thumbnail Image"

---

Gw bermasalah dgn Embed Youtube yg dilarang oleh Youtube

Karena diRelease oleh OFFICIALs

Seperti FIFA, F1, atau lembaga lain yg sejenis

Kode yg dihasilkan oleh APK gw (Cek halaman download Android APK/Featured Post) 

yg tidak berhasil/tidak diizinkan/not authorized utk "menunjukkan" Video Official tersebut

yaitu video-video yg tampil secara konsep linkage

Kode yg Gagal Menampilkan adalah sebagai berikut:

<div style="max-width:100%;margin:0 auto;">

    <div style="position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;">

        <iframe src="https://www.youtube.com/embed/c-jQXJYENCI" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;">

        </iframe>

Karena itu utk "MENGAKALI"

Gw akali dgn melakukan Upload Video (semi HardCode way)

Gw SAVE Youtube dgn Downloader 3rdPARTY

yaitu SAVE FROM (.net) 

Kemudian gw lakukan UPLOAD VIDEO ke Blogger/Blogspot.com

Sehingga menghasilkan Kode Loader utk "memanggil" Video yg telah diUpload ke Server Blogger/Blogspot.com:

<div class="separator" style="clear: both; text-align: center;"><object class="BLOG_video_class" contentid="cb7e367357d330d5" width="600" height="498" id="BLOG_video-cb7e367357d330d5" aria-label="Upload video"></object></div>

Kemudian dilakukan BUNDLING antara LINK YOUTUBE dan KODE LOADER RAW Video 

Dibantu oleh ChatGPT

Sehingga menghasilkan Final Code sbg berikut:

Percobaan ke-1:
belum benar-benar berhasil

KODE

<div style="margin: 0px auto; max-width: 100%; text-align: center;">

  <a href="https://www.youtube.com/watch?v=c-jQXJYENCI" style="text-decoration: none;" target="_blank">

    <div style="background-attachment: initial; background-clip: initial; background-color: black; background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover; background: #000 url('https://img.youtube.com/vi/c-jQXJYENCI/hqdefault.jpg') center/cover no-repeat; padding-bottom: 56.25%; position: relative; width: 100%;">

      <div style="background: rgba(0, 0, 0, 0.75); border-radius: 8px; color: white; font-size: 16px; font-weight: bold; left: 50%; padding: 12px 18px; position: absolute; top: 50%; transform: translate(-50%, -50%);">

        ▶ Watch on YouTube

      </div>

    </div>

  </a>

</div>

OUTPUT

▶ Watch on YouTube

Percobaan ke-2: Berhasil!

KODE

<!-- VIDEO BUNDLE : CLICKABLE BAR + BLOGGER VIDEO PLAYER -->

<div style="

  max-width:100%;

  margin:16px auto;

  box-sizing:border-box;

  font-family:Arial, Helvetica, sans-serif;

">

  <!-- CLICKABLE BAR -->

  <a href="https://youtu.be/c-jQXJYENCI?si=Tdk_Rv0aOcmC5z3o"

     target="_blank"

     style="text-decoration:none;">

    <div style="

      background:#000;

      color:#fff;

      padding:10px 14px;

      font-size:14px;

      font-weight:bold;

      text-align:center;

      border-radius:6px 6px 0 0;

    ">

      ▶ Watch on YouTube

    </div>

  </a>

  <!-- BLOGGER HOSTED VIDEO -->

  <div class="separator"

       style="

         clear: both;

         text-align: center;

         border:1px solid #000;

         border-top:none;

         border-radius:0 0 6px 6px;

         padding-top:6px;

       ">

    <object class="BLOG_video_class"

            contentid="cb7e367357d330d5"

            width="600"

            height="498"

            id="BLOG_video-cb7e367357d330d5"

            aria-label="Upload video">

    </object>

  </div>

</div>

OUTPUT

▶ Watch on YouTube