បង្កប់ (embed) វីដេអូ​ពី Youtube, Vimeo, Dailymotion... ​រីក​រួម​ដោយ​ស្វ័យប្រវត្តិ ១០០% សម្រាប់ blogger


Embed គឺ​ជា​ចម្លង​និង​ដាក់​​បង្ហាញ​ធាតុ​ណាមួយ​ដូចជា​ widget រូបភាព ចម្រៀង វីដេអូ ពី​គេហទំព័រ​ផ្សេងៗ យក​ទៅ​ដាក់​គេហទំព័រ ឬ​ប្លក់​ណាមួយ​ផ្សេង​ទៀត ។ ឧទាហរណ៍​ខ្ញុំ​ចង់​ដាក់​វីដេអូ​ YouTube ក្នុង​អត្ថបទ​មួយ ដូច្នេះ​ខ្ញុំ​ត្រូវ​ចម្លង​កូដ embed នៃ​វីដេអូ​នោះ យក​ទៅ​ដាក់​ក្នុង​អត្ថបទ​របស់​ខ្ញុំ​ដែល​ចង់​ដាក់ ។

Responsive គឺ​ជា​ការ​សរសេរ​កូដ​បន្ថែម​ដើម្បី​ឲ្យ​រូបរាង​​គេហទំព័រ ឬ​ទំហំ​រូបភាព ទំហំ​វីដេអូ ឲ្យ​រីក​រួម​​ការ​បង្ហាញ​ ទៅ​តាម​ទំហំ​នៃ​អេក្រង់​របស់​អ្នក​ចូល​មើល ។ សព្វថ្ងៃ​ខាង Youtube មិន​ទាន់​បាន​ផ្ដល់​កូដ embed វីដេអូ​របស់​ខ្លួន​ដែល​មាន​លក្ខណៈ responsive នៅ​ឡើយ​ទេ​ដែល​តម្រូវ​ឲ្យ​យើង​ដែល​ជា​អ្នក​ប្រើ blogger ត្រូវ​បន្ថែម​កូដ​ដើម្បី​ឲ្យ​វា​រីករួម​ដោយស្វ័យប្រវត្តិ​ពេល​មើល​លើ​ទូរស័ព្ទ ឬ​កុំព្យូទ័រ​តូច​ធំ ។

ញុំ​បាន​ស្វែង​រក​វិធី និង​បាន​សាកល្បង​ជា​ច្រើន ហើយ​ប្លក់​ខ្ញុំ​ក៏​ធ្លាប់​បាន​បង្ហាញ​ម្ដង​ដែរ​គឺ របៀប Embed Responsive វីដេអូ Youtube ដែល​វិធី​នេះ​ផ្ដល់​ដោយ rithisethtes.com តែ​យើង​ត្រូវ​បញ្ចូល​កូដ​ក្នុង template សិន​ទើប​អាច​ចាប់ផ្ដើម​បាន ។ 

ហើយ​ក្នុង​គន្លឹះ​នេះ​វិញ​យើង​មិន​បាច់​បញ្ចូល​កូដ​ទៅ​ក្នុង template ប្លក់​របស់​យើង​នោះ​ទេ ដោយ​គ្រាប់​តែ​ចម្លង​តំណ​វីដេអូ YouTube, Vimeo, Dailymotion, Google Maps, Getty Images, Generic iFrame, Scribd (select 'Autosize'), SoundCloud, Storify Twitter យក​ទៅ​ដាក់​ក្នុង​គេហទំព័រ https://embedresponsively.com/ នៅ​ត្រង់​ប្រអប់ Embed ហើយ​ចុច​ប៊ូតុង Embed នោះ​យើង​នឹង​ទទួល​បាន iframe ថ្មី​ដែល​មាន style ជា responsive អាច​យក​ទៅ​ដាក់​ក្នុង​អត្ថបទ (ឈរ​លើ​តាប HTML)​ របស់​យើង​បាន​ហើយ ។

* ទម្រង់​កូដ​ YouTube ៖
<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed/9Q39tBVbK_A' frameborder='0' allowfullscreen></iframe></div>

Post a Comment

Previous Post Next Post