如何在WordPress中嵌入HTML5 DRM视频播放器代码以用于Xvast？

如何在WordPress中嵌入HTML5 DRM视频播放器代码以用于Xvast？

要在WordPress中嵌入Xvast的HTML5 DRM视频播放器，只需添加一些代码即可。

如果不需要对播放器进行深度修改，请使用以下代码嵌入视频。

<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.cn/dist/js/embedPlayer.js"></script>
<script type="text/javascript" src="https://www.xvast.cn/dist/js/video.js"></script>
<script type="text/javascript" src="https://www.xvast.cn/dist/wordpress/XvastVideoJSPlayer.js"></script>

如果您需要修改播放器，请参考以下说明。

笔记：对于 iOS 系统，请添加一个 id 值为 xvast_ios_media_url 的 div 元素，隐藏该 div 元素，并在 div 元素中输入视频 URL。Xvast 会自动识别该标签，并提示用户是否播放此视频。例如：

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

最新版本的 Xvast for iOS 媒体 URL 注释：

如果您希望客户在 iOS 设备上播放您的视频，则链接中必须包含以下特征，并以 _P 结尾。例如，链接包含 _P.mp4、_P.mp3 或 _P.pdf（不区分大小写）。或者，链接中必须包含 xvast。您可以在下载链接的任何位置添加这些特征之一，这样 iOS 版 Xvast 就能识别并支持下载。

请在网站控制面板中添加文章或页面，将编辑器视图切换到“文本”，将代码复制到编辑器中，然后点击“发布”按钮。您可以根据需要修改 CSS 代码 (XvastPlay.css)。

1. Video-js.css/video.js 是 VideoJS 库文件。XvastPlayer.css 是 HTML5 视频播放器的附加样式文件。 2. 添加播放器按钮。如果用户尚未获得许可证，则会显示播放器按钮。用户点击该按钮后，将执行 JS 事件跳转到获取许可证页面。您可以根据需要修改 XvastPlayer.css 文件。 3. 这部分是视频 URL，用于在线播放或在 iOS 上下载播放。 4. 这部分是 HTML5 播放器 (VideoJS) 代码，使用 JS 检测用户的浏览器是否为 Xvast，如果不是，则会提示用户使用 Xvast 访问该 URL。 5. 这部分是播放器的控制按钮，通过JS代码控制播放器的快进、快退、播放、暂停和重播。（您可以根据需要使用它们） 6. Xvast 在线玩家许可证检测相关代码。

下载示例代码： www.xvast.com/XvastPlayer/Xvast-demo.html （JS 和 CSS 文件可以下载并放置在您自己的服务器上）

<link rel="stylesheet" type="text/css" href="https://www.xvast.cn/XvastPlayer/css/video-js.css" />
<link rel="stylesheet" type="text/css" href="https://www.xvast.cn/XvastPlayer/css/XvastPlay.css" />
<script src="https://www.xvast.cn/XvastPlayer/js/video.js" type="text/javascript" charset="utf-8"></script>
<!--<link rel="stylesheet" type="text/css" href="https://www.xvast.cn/XvastPlayer/css/skin/TechSkin-skin.css" />-->
<div id="LoadingText" style="display: none;" align="center">
	请稍等，正在获取许可证...'
</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">获取许可证...</button>
    </div>
    
	<p><a href="https://www.drm-x.com/download/drmx4/JesusFilm_en_P.mp4">在iOS中在线播放MP4</a></p>
    
  <script type="text/javascript">
        if(navigator.userAgent.indexOf("Xvast") == -1){
            document.write("提示:请在Xvast浏览器中打开受保护文件。下载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.cn/XvastPlayer/js/XvastPlay.js" type="text/javascript" charset="utf-8"></script>