<video> គឺជា Tag របស់ HTML5 ដែលគេប្រើ ដើម្បី play ប្រភេទ file video បានជាច្រើនប្រភេទ ។ នៅក្នុង tag នេះ ត្រូវប្រើ tag <source> ដើម្បីបញ្ជាក់ពីវីឌីអូដែលយើងចង់ដាក់ចូល ។
ខាងក្រោមនេះជាផ្ទាំងវីឌីអូដែលបង្កើតដោយ HTML5
ដោយយើងគ្រាន់តែសរសេរកូដដូចខាងក្រោម ៖
Tag <video> មាននូវ attributes មួយចំនួនដូចជា៖
• width៖ កំណត់ទទឹងរបស់វីឌីអូនៅពេល play
• height៖ កំណត់កម្ពស់របស់វីឌីអូនៅពេល play
• controls៖ សម្រាប់បង្ហាញនូវ controls ដែលមានដូចជា Button Play, Progress Bar, Sound, និង Full Screen Mode នៅលើវីឌីអូ
• autoplay៖ កំណត់ឲ្យ play ដោយស្វ័យប្រវត្តិនៅពេលដំណើរការពេលបើក
• loop៖ កំណត់ឲ្យ play រហូត (play ចប់ហើយ play សារដើមវិញ)
• poster៖ ប្រើ ដើម្បីបង្ហាញរូបភាពកំឡុងពេលដែលវីឌីអូមិនទាន់បានដំណើរការ
<source> គឺជា Tag ដែលគេប្រើនៅក្នុង <video> វាមាន attribute ពីរគឺ៖
• src៖ កំណត់ទីតាំងរបស់ file វីឌីអូ ។
• type៖ ប្រភេទ file វីឌីអូដែលយើងបានដាក់ក្នុង src ។
ការដំណើរការ
Tag <video> ដំណើរការលើ browser តាមប្រភេទនៃវីឌីអូដូចខាងក្រោម ៖
ធ្វើឲ្យ <video> ដំណើរការលើ Browser ច្រើន
ដើម្បីធ្វើឲ្យ <video> ដំណើរការបានច្រើន browsers យើងត្រូវដាក់ប្រភេទវីឌូអូលើសពីមួយទៅឲ្យ <video> (សូមមើលកូដខាងក្រោម) ៖
ដោយហេតុថាទាំង Ogg, MPEG 4 និង WebM គ្មានមួយណាអាចដំណើរការបានគ្រប់ browsers នោះទើបយើងត្រូវដាក់ <source> ពីរបញ្ចូលគ្នា ដើម្បីឲ្យ <video> អាចដំណើរការលើ browsers បានច្រើន ។ តាមកូដខាងលើយើងប្រើ *.mp4 និង *.ogg នោះ <video> នឹងដំណើរការនៅលើ IE9.0+, Chrome 5.0+, Safari 3.0+, Firefox 3.5+, និង Opera 10.5+ ។
ធ្វើមេចទើបបានវីឌីអូប្រភេទ *.mp4 និង *.ogg
ភាគ ច្រើនលោកអ្នកអាចមានវីឌីអូប្រភេទ *.avi, *.wmv ឬ *.DAT ។ ដើម្បីបានវីឌីអូប្រភេទ *.mp4 និង *.ogg មកប្រើក្នុងវេបសាយ លោកអ្នកអាចប្រើកម្មវិធីកម្មវិធីបំប្លែងវីឌីអីរបស់អានគឺ ANT Converter ដើម្បីធ្វើការបំប្លែងប្រភេទវីឌីអូ ដែលលោកអ្នកមានឲ្យទៅជា *.mp4 និង *.ogg ។
ខាងក្រោមនេះជាផ្ទាំងវីឌីអូដែលបង្កើតដោយ HTML5
ដោយយើងគ្រាន់តែសរសេរកូដដូចខាងក្រោម ៖
ចំពោះកូដខាងលើនេះ file វីឌីអូ movie.ogg ត្រូវនៅទីតាំងជាមួយ file video.html ដែលយើងសរសេរកូដ<video> ក្នុងនោះ (ដូចរូបខាងក្រោម)
Tag <video> មាននូវ attributes មួយចំនួនដូចជា៖
• width៖ កំណត់ទទឹងរបស់វីឌីអូនៅពេល play
• height៖ កំណត់កម្ពស់របស់វីឌីអូនៅពេល play
• controls៖ សម្រាប់បង្ហាញនូវ controls ដែលមានដូចជា Button Play, Progress Bar, Sound, និង Full Screen Mode នៅលើវីឌីអូ
• autoplay៖ កំណត់ឲ្យ play ដោយស្វ័យប្រវត្តិនៅពេលដំណើរការពេលបើក
• loop៖ កំណត់ឲ្យ play រហូត (play ចប់ហើយ play សារដើមវិញ)
• poster៖ ប្រើ ដើម្បីបង្ហាញរូបភាពកំឡុងពេលដែលវីឌីអូមិនទាន់បានដំណើរការ
<source> គឺជា Tag ដែលគេប្រើនៅក្នុង <video> វាមាន attribute ពីរគឺ៖
• src៖ កំណត់ទីតាំងរបស់ file វីឌីអូ ។
• type៖ ប្រភេទ file វីឌីអូដែលយើងបានដាក់ក្នុង src ។
ការដំណើរការ
Tag <video> ដំណើរការលើ browser តាមប្រភេទនៃវីឌីអូដូចខាងក្រោម ៖
ធ្វើឲ្យ <video> ដំណើរការលើ Browser ច្រើន
ដើម្បីធ្វើឲ្យ <video> ដំណើរការបានច្រើន browsers យើងត្រូវដាក់ប្រភេទវីឌូអូលើសពីមួយទៅឲ្យ <video> (សូមមើលកូដខាងក្រោម) ៖
ដោយហេតុថាទាំង Ogg, MPEG 4 និង WebM គ្មានមួយណាអាចដំណើរការបានគ្រប់ browsers នោះទើបយើងត្រូវដាក់ <source> ពីរបញ្ចូលគ្នា ដើម្បីឲ្យ <video> អាចដំណើរការលើ browsers បានច្រើន ។ តាមកូដខាងលើយើងប្រើ *.mp4 និង *.ogg នោះ <video> នឹងដំណើរការនៅលើ IE9.0+, Chrome 5.0+, Safari 3.0+, Firefox 3.5+, និង Opera 10.5+ ។
ធ្វើមេចទើបបានវីឌីអូប្រភេទ *.mp4 និង *.ogg
ភាគ ច្រើនលោកអ្នកអាចមានវីឌីអូប្រភេទ *.avi, *.wmv ឬ *.DAT ។ ដើម្បីបានវីឌីអូប្រភេទ *.mp4 និង *.ogg មកប្រើក្នុងវេបសាយ លោកអ្នកអាចប្រើកម្មវិធីកម្មវិធីបំប្លែងវីឌីអីរបស់អានគឺ ANT Converter ដើម្បីធ្វើការបំប្លែងប្រភេទវីឌីអូ ដែលលោកអ្នកមានឲ្យទៅជា *.mp4 និង *.ogg ។
0 comments