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

Bagaimana cara menyematkan kode pemutar video HTML5 DRM 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 video secara mendalam, silakan gunakan kode di bawah ini untuk menyematkan video.

<div id="Xvast_Video_URL" style="display: none;none;">https://www.drm-x.com/download/DRMX4/JesusFilm_cn_P.mp4</div>
<script type="text/javascript" src="https://www.xvast.com/dist/js/embedPlayer.js"></script>
<script type="text/javascript" src="https://www.xvast.com/dist/js/video.js"></script>
<script type="text/javascript" src="https://www.xvast.com/dist/wordpress/XvastVideoJSPlayer.js"></script>

Jika Anda perlu memodifikasi pemutar, silakan lihat pengantar berikut.

Catatan: Untuk iOS, silakan tambahkan div dengan nilai id xvast_ios_media_url, sembunyikan div tersebut, tulis URL video di dalam div, Xvast akan secara otomatis mengenali tag tersebut, dan memberi tahu pengguna apakah ingin memutar video ini. Contohnya:

<div id="xvast_ios_media_url" style="display: none;">https://www.drm-x.com/download/drmx4/JesusFilm_cn_P.mp4</div>

Catatan URL media versi terbaru Xvast untuk iOS:

Jika Anda ingin pelanggan Anda memutar video Anda di iOS, Anda harus menyertakan karakteristik berikut pada tautan, dengan awalan _P. Misalnya, tautan berisi _P.mp4, _P.mp3, atau _P.pdf, yang tidak peka terhadap huruf besar/kecil. Atau berisi xvast. Anda dapat menyertakan salah satu karakteristik ini di lokasi mana pun pada tautan unduhan, kemudian Xvast untuk iOS akan mengenali dan mendukung unduhan tersebut.

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 Terbitkan. Anda dapat memodifikasi kode CSS sesuai kebutuhan Anda (XvastPlay.css).

1. Video-js.css/video.js adalah file pustaka VideoJS. XvastPlayer.css adalah file gaya tambahan pemutar video HTML5. 2. Tambahkan tombol pemutar. Jika pengguna Anda belum memperoleh lisensi, tombol pemutar akan ditampilkan. Saat pengguna mengkliknya, tombol tersebut akan menjalankan event JS untuk menuju 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), menggunakan JS untuk mendeteksi apakah browser pengguna adalah Xvast, jika bukan, maka akan meminta pengguna untuk menggunakan Xvast untuk mengakses URL. 5. Bagian ini adalah tombol kontrol pemain, melalui kode JS untuk mengontrol pemutaran maju cepat, mundur, putar, jeda, dan putar ulang. (Anda dapat menggunakannya jika diperlukan) 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">
	Please wait, connecting to obtain license page...'
</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">Get License...</button>
    </div>
    
	<p><a href="https://www.drm-x.com/download/drmx4/JesusFilm_en_P.mp4">Play MP4 online in iOS</a></p>
    
  <script type="text/javascript">
        if(navigator.userAgent.indexOf("Xvast") == -1){
            document.write("Please open the protected files in Xvast browser. Download 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>