របៀប Embed Responsive វីដេអូ Youtube

ថ្ងៃ​នេះ​ខ្ញុំ​សូម​ចែក​រំលែក​នូវ​គន្លឹះ​ក្នុង​ការ​ដាក់​វីដេអូ​យូធូប លក្ខណៈ Responsive ដែល​រីក​រួម​ទៅ​តាម​ខ្នាត​អេក្រង់​ដោយ​ស្វ័យប្រវត្តិ និង Auto Play ដោយ​ស្វ័យ​ប្រវត្តិ​។ តោះ​! កុំ​បង្អង់​យូរ​ទៅ​មើល​របៀប​ដាក់​​ទាំង​អស់​គ្នា​។

១-សូម​ចូល​ទៅ​កាន់​គណនី​ប្លុក​របស់​អ្នក​
២-ចូល​ទៅ​កាន់ Theme បន្ទាប់​មក Edit HTML
៣-ចម្លង​កូដ​ខាង​ក្រោម​ដាក់​ពី​ខាង​លើ ]]></b:skin>

កូដ

.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}

៤-ចុច​ពាក្យ Save Theme​។
៥-ចម្លង​កូដ​ខាង​ក្រោម​ដាក់​ចូល​ទៅ​ក្នុង​ប្លុក​ Post ដោយ​ប្ដូរ​ពី Compose ទៅ​ជា HTML

កូដ

<div class="video-container">
<iframe width="640" height="360" src="https://www.youtube.com/embed/VIDEO_ID?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>
</div>

ចំណាំ​៖ កុំ​ភ្លេច​ប្ដូរ​ VIDEO_ID ទៅ​ជា​វីដេអូ​ដែល​អ្នក​ចង់​បាន​រួច​ចុច​ពាក្យ Publish ឬ Update ជា​ការ​ស្រេច​ ។