Bagaimana cara menyematkan kode pemutar Video DRM HTML5 di Wordpress untuk Xvast?

Untuk menyematkan pemutar video DRM HTML5 Xvast di Wordpress, Anda hanya perlu menambahkan beberapa kode.

Jika Anda tidak perlu memodifikasi pemutar secara mendalam, gunakan kode di bawah ini untuk menyematkan video.

<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.

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>

Catatan URL media Xvast untuk iOS versi terbaru:

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.

Silakan tambahkan postingan atau halaman di Panel Kontrol situs web Anda, alihkan tampilan edit ke "Teks" di editor, salin kode ke editor, dan klik tombol Publikasikan. Anda dapat memodifikasi kode CSS sesuai kebutuhan Anda (XvastPlay.css).

1. Video-js.css/video.js adalah file perpustakaan VideoJS. XvastPlayer.css adalah file gaya tambahan pemutar video HTML5.
2. Tambahkan tombol pemutar. Jika pengguna Anda belum memperoleh lisensi, tombol pemutar akan ditampilkan. Ketika pengguna mengkliknya, itu akan menjalankan lompatan acara JS untuk mendapatkan halaman lisensi. Anda dapat memodifikasi XvastPlayer.css sesuai kebutuhan Anda.
3. Bagian ini adalah URL video untuk pemutaran online atau pemutaran unduhan di iOS.
4. Bagian ini adalah kode pemutar HTML5 (VideoJS), gunakan JS untuk mendeteksi apakah browser pengguna adalah Xvast, jika tidak, pengguna akan diminta menggunakan Xvast untuk mengakses URL.
5. Bagian ini adalah tombol kontrol pemain, melalui kode JS untuk mengontrol maju cepat, mundur, memutar, menjeda, dan memutar ulang. (Anda dapat menggunakannya jika perlu)
6. Kode terkait deteksi lisensi pemain online Xvast.

Unduh kode contoh:www.xvast.com/XvastPlayer/Xvast-demo.html
(File JS dan CSS dapat diunduh dan ditempatkan di server Anda sendiri)

                            
<link rel="stylesheet" type="text/css" href="https://www.xvast.com/XvastPlayer/css/video-js.css" />
<link rel="stylesheet" type="text/css" href="https://www.xvast.com/XvastPlayer/css/XvastPlay.css" />
<script src="https://www.xvast.com/XvastPlayer/js/video.js" type="text/javascript" charset="utf-8"></script>
<!--<link rel="stylesheet" type="text/css" href="https://www.xvast.com/XvastPlayer/css/skin/TechSkin-skin.css" />-->
<div id="LoadingText" style="display: none;" align="center">
	Harap tunggu, sambungkan untuk mendapatkan halaman lisensi...
</div>
<div align="center" style="margin-top: 10px">

    <div id="playerButton" style="display: none;">
        <button onclick="supportType(event,'video/ogg','theora, vorbis')" class="playerButton" type="button">Dapatkan Lisensi...</button>
    </div>
    
	<p><a href="https://www.drm-x.com/download/drmx4/JesusFilm_en_P.mp4">Putar MP4 online di iOS</a></p>
    
  <script type="text/javascript">
        if(navigator.userAgent.indexOf("Xvast") == -1){
            document.write("Silakan buka file yang dilindungi di browser Xvast. Unduh Xvast");
        }else{
            document.write('<video id="xvast_player" controls="controls" src="https://www.drm-x.com/download/drmx4/JesusFilm_en_P.mp4" class="video-js" data-setup=\'{ "autoplay":false, "playbackRates": [0.5, 0.7, 1, 1.5, 2, 3, 4], "width": 856, "height": 480 }\'>');
        }
    </script>
    
</div>
<div id="buttonbar" align="center">
    <button id="restart" onclick="restart();">[]</button><button id="rew" onclick="skip(-5)"><<</button><button id="play" onclick="vidplay()">></button><button id="fastFwd" onclick="skip(5)">>></button>
</div>
<script src="https://www.xvast.com/XvastPlayer/js/XvastPlay.js" type="text/javascript" charset="utf-8"></script>