- Get link
- X
- Other Apps
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
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>
Comments