Plyr Player គឺជា plugin (កូដបន្ថែមខាងក្រៅ) មួយដែលអនុញ្ញាតអោយយើងអាចបង្កប់ (Embed) ជា HTML5 Audio, HTML5 Video, Youtube Video និង Vimeo Video ជាដើម មិនត្រឹមតែប៉ុណ្ណោះវាមានលក្ខណៈ Responsive បង្កប់មករួចជាស្រេចទៀតផង។ តោះ! កុំឲ្យខាតពេលយូររៀនដំឡើង Plugin នេះជាមួយខ្ញុំនៅខាងក្រោម។
១-សូមចូលទៅកាន់គណនីប្លក់របស់អ្នក
២-ចូលទៅកាន់ Theme បន្ទាប់មក Edit HTML
៣-ចម្លងកូដខាងក្រោមដាក់ពីខាងក្រោម <head>
<link rel="stylesheet" href="https://cdn.plyr.io/3.6.2/plyr.css" /> <script src="https://cdn.plyr.io/3.6.2/plyr.js"></script>
៤-ចម្លងកូដខាងក្រោមដាក់ពីខាងលើ </body>
<script>
//<![CDATA[
const players = Array.from(document.querySelectorAll('.js-player')).map(sethPlyr => new Plyr(sethPlyr));
//]]>
</script>៥-ចុចពាក្យ Save Theme។
* របៀប Embed ក្នុង Post ឬ Page (ប្ដូរទៅកាន់ HTML Tab):
- Embed HTML5 Audio:
<audio class="js-player" controls> <source src="audio.mp3" type="audio/mp3" /> </audio>
* សម្គាល់៖ audio.mp3 ជាតំណភ្ជាប់ File .mp3
- Embed HTML5 Video:
<video class="js-player" controls> <source src="video.mp4" type="video/mp4" /> </video>
* សម្គាល់៖ video.mp4 ជាតំណភ្ជាប់ File .mp4
- Embed Youtube Video:
<div class="js-player" data-plyr-embed-id="youtube-video-id" data-plyr-provider="youtube"></div>
* សម្គាល់៖ youtube-video-id ជា id នៃ Youtube Video
- Embed Vimeo Video:
<div class="js-player" data-plyr-embed-id="vimeo-video-id" data-plyr-provider="vimeo"></div>
* សម្គាល់៖ vimeo-video-id ជា id នៃ Vimeo Video
Tags:
គន្លឺះប្លក់ហ្គ័រ
