Xvast-এর জন্য Wordpress-এ HTML5 DRM ভিডিও প্লেয়ার কোড কীভাবে এম্বেড করবেন?

Xvast-এর জন্য Wordpress-এ HTML5 DRM ভিডিও প্লেয়ার কোড কীভাবে এম্বেড করবেন?

Xvast এর HTML5 DRM ভিডিও প্লেয়ার ওয়ার্ডপ্রেসে এম্বেড করতে, আপনাকে কেবল কিছু কোড যোগ করতে হবে।

যদি আপনার প্লেয়ারটি গভীরভাবে পরিবর্তন করার প্রয়োজন না হয়, তাহলে ভিডিওটি এম্বেড করতে নীচের কোডটি ব্যবহার করুন।

VideoJS প্লেয়ার:

<div id="Xvast_Video_URL" style="display: none;">https://www.drm-x.com/download/drmx4/Way_Maker_720P_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>

HTML5 স্ট্যান্ডার্ড প্লেয়ার:

<div id="Xvast_Video_URL" style="display: none;">https://www.drm-x.com/download/drmx4/Way_Maker_720P_P.mp4</div>
<script type="text/javascript" src="https://www.xvast.com/dist/js/embedHTML5VideoPlayer.js"></script>
<div id="xvast_contain" style="width: 100%; max-width: 1080px;">
    <div id="xvast_ios_media_url" style="display: none;">https://www.drm-x.com/download/drmx4/Way_Maker_720P_P.mp4</div>
    <video width="100%" controls="controls" id="xvast_player_html5_api">
        <source src="https://www.drm-x.com/download/drmx4/Way_Maker_720P_P.mp4" type="video/mp4">
    </video>
</div>
<script type="text/javascript" src="https://www.xvast.com/dist/wordpress/XvastVideoJSPlayer.js"></script>

যদি আপনার প্লেয়ারটি পরিবর্তন করার প্রয়োজন হয়, তাহলে অনুগ্রহ করে নিম্নলিখিত ভূমিকাটি দেখুন।

বিঃদ্রঃ: iOS এর জন্য, অনুগ্রহ করে 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>

iOS মিডিয়া URL এর জন্য Xvast এর সর্বশেষ সংস্করণটি নোট করে:

যদি আপনি চান যে আপনার গ্রাহকরা iOS-এ আপনার ভিডিও চালান, তাহলে আপনার লিঙ্কে নিম্নলিখিত বৈশিষ্ট্যগুলি থাকতে হবে, _P সহ। উদাহরণস্বরূপ, লিঙ্কটিতে _P.mp4, _P.mp3 অথবা _P.pdf রয়েছে, যা কেস-সংবেদনশীল নয়। অথবা xvast রয়েছে। আপনি ডাউনলোড লিঙ্কের যেকোনো স্থানে এই বৈশিষ্ট্যগুলির মধ্যে একটি অন্তর্ভুক্ত করতে পারেন, তারপর iOS-এর জন্য Xvast ডাউনলোডগুলি সনাক্ত করে এবং সমর্থন করে।

আপনার ওয়েবসাইটের কন্ট্রোল প্যানেলে একটি পোস্ট বা একটি পৃষ্ঠা যোগ করুন, এডিটরে এডিট ভিউ "টেক্সট" এ স্যুইচ করুন, কোডটি এডিটরে কপি করুন এবং প্রকাশ করুন বোতামে ক্লিক করুন। আপনি আপনার প্রয়োজন অনুসারে CSS কোড পরিবর্তন করতে পারেন (XvastPlay.css)।

১. Video-js.css/video.js হলো VideoJS লাইব্রেরি ফাইল। XvastPlayer.css হলো HTML5 ভিডিও প্লেয়ারের অতিরিক্ত স্টাইল ফাইল। ২. প্লেয়ার বোতামটি যোগ করুন। যদি আপনার ব্যবহারকারী এখনও লাইসেন্স না পেয়ে থাকেন, তাহলে প্লেয়ার বোতামটি প্রদর্শিত হবে। ব্যবহারকারী যখন এটিতে ক্লিক করবেন, তখন এটি লাইসেন্স পৃষ্ঠা পেতে JS ইভেন্ট জাম্প কার্যকর করবে। আপনি আপনার প্রয়োজন অনুসারে XvastPlayer.css পরিবর্তন করতে পারেন। ৩. এই অংশটি iOS-এ অনলাইন প্লে বা ডাউনলোড প্লে-এর জন্য একটি ভিডিও URL। ৪. এই অংশটি হল HTML5 প্লেয়ার (VideoJS) কোড, ব্যবহারকারীর ব্রাউজারটি Xvast কিনা তা সনাক্ত করতে JS ব্যবহার করুন, যদি না হয়, তবে এটি ব্যবহারকারীকে URL অ্যাক্সেস করার জন্য Xvast ব্যবহার করতে অনুরোধ করবে। ৫. এই অংশটি হল প্লেয়ারের কন্ট্রোল বোতাম, যা JS কোডের মাধ্যমে প্লেয়ারের ফাস্ট ফরোয়ার্ড, রিওয়াইন্ড, প্লে, পজ এবং রি-প্লে নিয়ন্ত্রণ করে। (প্রয়োজনে আপনি এগুলি ব্যবহার করতে পারেন) ৬. 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>