Xvast용 HTML5 DRM 비디오 플레이어 코드를 워드프레스에 삽입하는 방법은 무엇인가요?

Xvast용 HTML5 DRM 비디오 플레이어 코드를 워드프레스에 삽입하는 방법은 무엇인가요?

Xvast의 HTML5 DRM 비디오 플레이어를 워드프레스에 삽입하려면 몇 가지 코드만 추가하면 됩니다.

플레이어를 크게 수정할 필요가 없다면 아래 코드를 사용하여 비디오를 삽입하세요.

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

플레이어를 수정해야 하는 경우, 다음 소개를 참조하십시오.

메모: iOS의 경우, `xvast_ios_media_url`이라는 ID 값을 가진 `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>

iOS용 Xvast 최신 버전의 미디어 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. 플레이어 버튼을 추가하세요. 사용자가 아직 라이선스를 취득하지 않은 경우 플레이어 버튼이 표시됩니다. 사용자가 버튼을 클릭하면 라이선스 취득 페이지로 이동하는 JavaScript 이벤트가 실행됩니다. 필요에 따라 XvastPlayer.css 파일을 수정할 수 있습니다. 3. 이 부분은 iOS에서 온라인 재생 또는 다운로드 재생을 위한 비디오 URL입니다. 4. 이 부분은 HTML5 플레이어(VideoJS) 코드입니다. JavaScript를 사용하여 사용자의 브라우저가 Xvast인지 감지하고, Xvast가 아닌 경우 Xvast를 사용하여 URL에 접속하도록 사용자에게 안내합니다. 5. 이 부분은 플레이어의 제어 버튼으로, 자바스크립트 코드를 통해 플레이어의 빨리 감기, 되감기, 재생, 일시 정지 및 다시 재생을 제어합니다. (필요하면 사용하세요) 6. Xvast 온라인 플레이어 라이선스 감지 관련 코드.

샘플 코드 다운로드: www.xvast.com/XvastPlayer/Xvast-demo.html (JS 및 CSS 파일은 다운로드하여 사용자 서버에 저장할 수 있습니다.)

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