');
containerEl.innerHTML = '\
\
Library Artplayer belum tersedia. Periksa file artplayer.js\
';
return null;
}
if (window._bloggerArtplayerInstance && typeof window._bloggerArtplayerInstance.destroy === 'function'){
try { window._bloggerArtplayerInstance.destroy(); } catch(e){}
window._bloggerArtplayerInstance = null;
}
containerEl.innerHTML = '';
var options = {
container: containerEl,
url: videoUrl,
poster: '',
volume: 0.6,
muted: false,
autoplay: false,
playsInline: true,
pip: true,
screenshot: true,
setting: true,
playbackRate: true,
theme: '#23ade5',
moreVideoAttr: {}
};
try {
var art = new Artplayer(options);
window._bloggerArtplayerInstance = art;
art.on('ready', function(){ console.log('Artplayer siap — url:', videoUrl); });
return art;
} catch(err) {
console.error('Gagal inisialisasi Artplayer:', err);
containerEl.innerHTML = '\
\
Gagal memulai player. Cek console.\
';
return null;
}
}
function initPlayerWithUrl2(url, pushUrl){
var container = ensureContainerElement();
container.innerHTML = '\
Memuat video…
\
';
var art = initArtplayerSafe2(container, url);
if (art && pushUrl){
try {
var u = new URL(window.location.href);
u.searchParams.set('url', url);
history.replaceState(null, '', u.toString());
} catch(e){}
}
}
function renderLauncherForm(root){
root.innerHTML = '';
var box = document.createElement('div'); box.className = 'video-launcher';
box.innerHTML = '\
Masukkan link video
\
\
\
Masukkan URL file video (mp4) atau URL yang bisa di-play. Anda juga bisa gunakan parameter ?url=.
';
root.appendChild(box);
var input = box.querySelector('#video-url-input');
var btn = box.querySelector('#video-url-go');
var containerEl = document.querySelector('.artplayer-app');
if (containerEl && containerEl.dataset && containerEl.dataset.src) input.value = containerEl.dataset.src;
btn.addEventListener('click', function(){
var val = input.value.trim();
if (!isValidUrl(val)) { alert('URL tidak valid. Pastikan diawali http:// atau https://'); input.focus(); return; }
initPlayerWithUrl2(val, true);
});
input.addEventListener('keydown', function(e){
if (e.key === 'Enter') { btn.click(); }
});
}
(function injectLauncherStyle(){
if (document.getElementById('artplayer-launcher-style')) return;
var s = document.createElement('style');
s.id = 'artplayer-launcher-style';
s.textContent = '\
.video-launcher { max-width:720px; margin:24px auto; padding:16px; border:1px solid #eee; border-radius:8px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.05); }\
.video-launcher input[type=\"url\"]{width:100%; padding:10px 12px; font-size:14px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box} \
.video-launcher button{margin-top:8px; padding:10px 14px; border:0; background:#23ade5; color:#fff; border-radius:6px; cursor:pointer} \
.video-launcher .hint{font-size:13px; color:#666; margin-top:6px} \
#artplayer-1 { width:100%; max-width:100%; height:420px; margin-top:12px; } \
@media (max-width:600px){ #artplayer-1 { height:220px; } }';
document.head.appendChild(s);
})();
var root = document.getElementById('video-launcher-root');
if (!root){
root = document.createElement('div');
root.id = 'video-launcher-root';
var parent = document.getElementById('main') || document.querySelector('.main') || document.body;
parent.insertBefore(root, parent.firstChild);
}
var qUrl = qs('url');
if (qUrl && isValidUrl(qUrl)){
initPlayerWithUrl2(qUrl, false);
} else {
renderLauncherForm(root);
}
})();
]]>