DRM-X 4.0 Haihaisoft untuk Video HTML5, menggunakan tag Video HTML5. Penyedia konten dapat dengan mudah menyematkan video menggunakan tag Video HTML5 standar, dan menggunakan Pemutar HTML5 terkenal seperti VideoJS, dan menggunakan JavaScript untuk berinteraksi dengan Pemutar HTML5.
<div id="Xvast_Video_URL" style="display: none;">https://www.drm-x.com/download/DRMX4/JesusFilm_cn_P.mp4</div>
<script type="text/javascript" src="https://www.xvast.com/id/dist/js/embedPlayer.js"></script>
<script type="text/javascript" src="https://www.xvast.com/id/dist/js/video.js"></script>
<script type="text/javascript" src="https://www.xvast.com/id/dist/wordpress/XvastVideoJSPlayer.js"></script>Jika Anda perlu memodifikasi pemutar, silakan lihat pengantar berikut.
<!--Sertakan perpustakaan VideoJS-->
<link rel="stylesheet" type="text/css" href="css/video-js.css" />
<script src="js/video.js" type="text/javascript" charset="utf-8"></script>
<!--Menggunakan kulit VideoJS-->
<link rel="stylesheet" type="text/css" href="css/skin/TechSkin-skin.css" />
Anda juga dapat menggunakan skin lainnya sesuai dengan gaya website Anda.
Di sini kami merekomendasikan alat pembuatan skin VideoJS, Anda dapat menyesuaikan skin pemutar. https://codepen.io/heff/pen/EarCt
Catatan：Untuk iOS, harap tambahkan div dengan nilai id xvast_ios_media_url, sembunyikan div, tulis url video di div, Xvast akan otomatis mengenali tag, dan meminta pengguna apakah akan memutar video ini. seperti:
<div id="xvast_ios_media_url" style="display: none;">https://www.drm-x.com/download/drmx4/JesusFilm_cn_P.mp4</div>Jika Anda ingin pelanggan memutar video Anda di iOS, Anda harus memiliki karakteristik berikut di tautan, dengan _P. Misalnya, tautan berisi _P.mp4, _P.mp3, atau _P.pdf, yang tidak peka huruf besar-kecil. Atau berisi xvast. Anda dapat menyertakan salah satu karakteristik ini di lokasi mana pun pada tautan unduhan, lalu Xvast untuk iOS mengenali dan mendukung unduhan.
<div id="LoadingText" style="display: none;" align="center">
Harap tunggu, sambungkan untuk mendapatkan halaman lisensi...
</div>
<div id="cellular_button" align="center"></div>
<div align="center">
<script type="text/javascript">
// Mendeteksi browser saat ini, jika bukan Xvast, Ini akan mengingatkan pengguna untuk membuka file yang dilindungi di browser Xvast,
// dan mengingatkan pengguna untuk mengunduh browser Xvast.
if(navigator.userAgent.indexOf("Xvast") == -1){
document.write('Silakan buka file yang dilindungi di browser Xvast. Unduh Xvast');
}else{
// Gunakan tag video HTML5;
// Xvast akan secara otomatis mengubah ID tag video,
// di sini xvast_player akan otomatis menjadi xvast_player_html5_api;
// Gunakan atribut src untuk menentukan URL video;
// class="video-js" menggunakan gaya VideoJS.
// Dalam pengaturan data, gunakan "autoplay":true; tambahkan kontrol putar otomatis;
// Dalam pengaturan data, Anda dapat menggunakan "playbackRates": [0,5, 0,7, 1, 1,5, 2, 3, 4] menambahkan fungsi kecepatan kontrol.;
document.write('<video id="xvast_player" controls="controls" class="video-js" data-setup=\'{"playbackRates": [0.5, 0.7, 1, 1.2, 1.5, 2], "autoplay":false, "width": 856, "height": 480 }\'><source src="https://www.drm-x.com/download/drmx4/JesusFilm_en_P.mp4" type="video/mp4"></video>');
}
</script>
</div>
<script type="text/javascript">
document.onreadystatechange = function () {
if (document.readyState == "complete") {
// Setelah halaman selesai, dan jalankan, Diperlukan;
// Dapatkan pemutar HTML5
// Xvast secara otomatis akan mengubah xvast_player menjadi xvast_player_html5_api;
myVid=document.getElementById("xvast_player_html5_api");
// Dapatkan informasi detail yang dikembalikan oleh pemain,
// jika pengguna perlu mendapatkan lisensi, URL akan dikembalikan;
// Jika tidak, ini akan mengembalikan rincian informasi file yang dilindungi dan informasi lisensi.
isSupp=myVid.canPlayType('xvast');
// Periksa jenis jaringan ponsel
if(navigator.userAgent.indexOf("Mobile Xvast") > 0){
var con = window.navigator.connection;
var network = con.type; // Jaringan telepon seluler: seluler; wifi:wifi
// Periksa apakah ponsel Anda menggunakan jaringan seluler atau wifi
if (network == "cellular"){ // Jika ponsel menggunakan jaringan seluler, Anda perlu menambahkan tombol untuk mendapatkan lisensi ke halaman tersebut
document.getElementById("cellular_button").innerHTML = '<button style="height: 50px" class="m_g_b" onClick="supportType(event,\'video/ogg\',\'theora, vorbis\')">Putar file yang dilindungi (Klik 2 kali)</button>';
}
}
// Jika informasi yang terkandung dalam pesan balasan berisi URL,
// diperlukan untuk mendapatkan lisensi.
if(isSupp.indexOf("http")>0){
// Hanya tip, tidak harus;
document.getElementById("LoadingText").style.display='block';
// Menggunakan substring untuk menangkap URL untuk mendapatkan lisensi;
licURL = isSupp.substring(isSupp.indexOf("http"));
// Mengarahkan untuk mendapatkan halaman lisensi untuk memverifikasi dan mendapatkan lisensi.
window.location.href = licURL;
}
}
}
</script>Cara berikut ini memberikan referensi untuk memperoleh informasi lebih lanjut, termasuk informasi lisensi (Jumlah Terbuka dan Tanggal Kedaluwarsa), Anda bisa mendapatkan informasi tersebut sesuai dengan kebutuhan Anda.
function supportType(e,vidType,codType){
myVid=document.getElementById("xvast_player_html5_api");
isSupp=myVid.canPlayType("xvast");
myVid.play();
licURL = isSupp.substring(isSupp.indexOf("http"));
if(isSupp.indexOf("http")>0){
window.location.href = licURL;
}else{
if(isSupp.indexOf("License")>0){
// Dapatkan hitungan terbuka
var openCount=isSupp.substring(isSupp.indexOf(":"),isSupp.indexOf(";"));
// Dapatkan tanggal habis masa berlaku lisensi
var ft=isSupp.substring(isSupp.indexOf(";")+1);
var ut = filetime_to_unixtime(ft);
var d = new Date(ut * 1000);
e.target.parentNode.innerHTML ="Buka Hitungan" + openCount + ", Tanggal habis tempo:" + d.toLocaleString();
return;
}
if(isSupp.indexOf("Error ID = 3")>0){
e.target.parentNode.innerHTML ="Lisensi telah habis masa berlakunya, Silakan buka kembali file yang dilindungi untuk mendapatkan lisensi baru.";
return;
}
}
}