Posts

Showing posts from April, 2022

បញ្ជីចាក់​វីដេអូ OK.ru Video Playlist

Image
១.ចូល​ទៅកាន់ Theme => Edit HTML រួច​ចម្លង​កូដ​ខាងក្រោម​ដាក់​ពី​ខាងលើ </head> ២.ចម្លង​កូដ​ខាងក្រោម​ដាក់​ពី​ខាងលើ </body> បន្ទាប់​មក​ចុច Icon Save រួច​ចាកចេញ​ពី​ផ្ទាំង Edit HTML $('#ok-playlist').each(function () { let $this = $(this), zeroIndex = 0, isDotBlogSpot = false; const okUrl = (isUrl) => { isUrl = isDotBlogSpot === true ? "https://vdoview.tumblr.com/?id=" : "https://ok.ru/videoembed/"; return isUrl; } const autoPlay = (isAutoPlay) => { isAutoPlay = isDotBlogSpot !== true ? "?autoplay=1" : ""; return isAutoPlay; } const buildOkDotRu = () => { let okDotRu = ""; okDotRu += '<div class="ok-container">'; okDotRu += '<div class="ok-responsive">'; okDotRu += '<iframe id="ok-iframe" src="' + okUrl() + window.atob(okVideoID[zer...

ដាក់ Responsive HTML5 Mp4 វីដេអូ

Image
ស្វាគមន៍​សារ​ជា​ថ្មី នៅ​ក្នុង​អត្ថបទ​មុន​ខ្ញុំ​បាន​លើកយក​គន្លឹះ​ក្នុង​ការ Embed វីដេអូ​ជា​លក្ខណៈ Iframe ចំណែក​ក្នុង​អត្ថបទ​នេះ​វិញ​ខ្ញុំ​នឹង​បង្ហាញ​អ្នក​ទាំងអស់​គ្នា​ពី​របៀប​ក្នុង​ការ​ដាក់​វីដេអូ​ជា File .mp4 ម្ដង។ ១.ចូល​ទៅកាន់ Theme => Edit HTML រួច​ចម្លង​កូដ​ខាងក្រោម​ដាក់​ពី​ខាងលើ </head> <style type="text/css"> #video-player{position:relative;overflow:hidden;width:100%;height:100%;border-radius:5px} .video-container{border:4px solid #ff0000} .video-responsive{position:relative;overflow:hidden;width:100%;height:100%;padding-top:56.25%;background-color:rgb(0,0,0)} .video-responsive video{position:absolute;top:0;left:0;width:100%;height:100%} </style> ២.ចម្លង​កូដ​ខាងក្រោម​ដាក់​ពី​ខាងលើ </body> បន្ទាប់​មក​ចុច Icon Save រួច​ចាកចេញ​ពី​ផ្ទាំង Edit HTML <script type="text/javascript"> $('#video-player').each(function () { let $this = $(this), zeroIndex = 0, buildVideo = ""; buildVideo += '<...

របៀប​ដាក់​សំណួរ​សួរញឹកញាប់ - FAQs

Image
សួស្ដី!បាទ ខាន​ជួប​គ្នា​រៀងយូរ​ដែរ​ហើយ ថ្ងៃនេះ​ខ្ញុំ​សូម​លើក​យក​របៀប​ក្នុង​ការ​ដាក់​សំណួរ​សួរ​ញឹកញាប់ ដែល​ភាសា​អង់គ្លេស​ហៅថា Frequently Asked Questions (FAQs)។ FAQs នេះ​ដែរ​ជាទូទៅ​គេ​ប្រើ​សម្រាប់​ដាក់​ជា​សំណួរ​ចម្លើយ​អោយ​បាន​ដឹង​ពី​ផលិតផល​ឬ​សេវាកម្ម​ផ្សេងៗ​របស់​ពួក​គេ​ទៅ​ដល់​អ្នក​ប្រើប្រាស់។ ១.ចូល​ទៅកាន់ Theme => Edit HTML រួច​ចម្លង​កូដ​ខាងក្រោម​ដាក់​ពី​ខាងលើ </head> <style type="text/css"> #faqs{display:grid;grid-template-columns:1fr;gap:20px} .faq-item{border:1px solid rgba(155,155,155,0.19);border-radius:3px} .faq-item h3.faq-question{display:flex;justify-content:space-between;gap:15px;font-size:15px;font-weight:500;cursor:pointer;padding:15px;margin:0;transition:all .17s ease} .faq-item h3.faq-question::after{content:'+'} .faq-item.active h3.faq-question::after{content:'-'} .faq-item h3:hover,.faq-item.active h3{color:#ff0000} .faq-content{display:none;padding:15px;border-top:1px solid rgba(155,155,155,0.19)} .faq-content p.faq-answer{margin...