video/audio�v�f HTML5�œ���≹���𗘗p���悤�I�FHTML5�g�Ƃ��h�A�v���J������i10�j�i1/2 �y�[�W�j

HTML5�ł́�video���⁃audio���Ƃ������^�O��p���ă}�[�N�A�b�v���s�������ŁA�ȒP�ɓ���≹���̍Đ����ł���悤�ɂȂ�

» 2011�N05��27�� 00��00�� ���J
[���Ώr���C������ЃI�[�v���E�F�u�E�e�N�m���W�[]

��video���⁃audio���^�O�œ���≹�����Đ�����

�@HTML5�ł́A����≹���Ƃ������}���`���f�B�A�R���e���c����舵�����Ƃ��ł���悤�ɂȂ�܂����B�]���A���������R���e���c�̍Đ��ɂ�Flash�Ȃǂ̃v���O�C���Z�p���K�{�Ƃ���Ă��܂����B

�@�������AHTML5�ł́�video���⁃audio���Ƃ������^�O��p���ă}�[�N�A�b�v���s�������ŁA�ȒP�ɓ���≹���̍Đ����s���܂��B���ꂾ���ł͂���܂���B�u���E�U�ɂ���Ē��ڂ����̗v�f���T�|�[�g����邱�ƂŁAJavaScript��CSS�Ƃ���������Web�Z�p�Ƃ����ɐe�a���������̂����_��1�‚ł��BJavaScript����g���ēƎ��̃r�f�I�v���[������邱�Ƃ��ACSS���g���ē���ɃG�t�F�N�g���{�����Ƃ��e�Ղł��B

�@���񂩂琔��ɂ킽���āAHTML5�̃}���`���f�B�A�@�\���@�艺���ĉ���������Ǝv���܂��B��Ɏ��グ��R���e���c�͈ȉ��̂悤�Ȃ��̂ł��B

  • video/audio�v�f��p�����}�[�N�A�b�v
  • video/audio�v�f��JavaScript API�^�C�x���g
  • track�v�f�̗��p�@
  • Audio Data API/Web Audio API

�@����́Avideo/audio�v�f��p�����}�[�N�A�b�v�ɂ‚��ĉ�����܂��B�������Avideo/audio�v�f�Ɋւ���d�l�͂��܂��ɕω��������Ă��邽�߁A����̋L����5��25�����_�̎d�l�ł��邱�Ƃ����������������B

video�v�f�̗��p�@

�@video�v�f�𗘗p����̂́A��{�I�ɂƂĂ��ȒP�ł��B�ȉ��̂悤�ɁAsrc�����ɓ���^�����t�@�C����URL���w�肷�邾���ł��B

<!DOCTYPE html>
<video src="http://upload.wikimedia.org/wikipedia/commons/e/e6/Typing_example.ogv"
width="300" height="150" controls></video>

�@�����ł͑���width�����i����̕����w��j�Aheight�����i����̍������w��j�Acontrols�����i�u���E�U�l�C�e�B�u�̃R���g���[����\���j���g�p���Ă��܂��B��̃R�[�h���u���E�U��Ŏ��s����ƁA�ȉ��̂悤�Ȍ��ʂ������܂��B��L�̃t�@�C�����Đ��ł���u���E�U��Google Chrome�AFirefox�AOpera�ł��i����t�H�[�}�b�g��Ogg���g�p���Ă��邽�߁B��q�j�B

Tv̎sʁi摜Google Chrome10Ŏŝ́jỉ摜NbNƁAWebuEUŕ\܂j �T���v���̎��s���ʁi�摜��Google Chrome10�Ŏ��s���̂��́j�i��̉摜���N���b�N����ƁAWeb�u���E�U�ŕ\�����܂��j

�@video�v�f�����‘����͈ȉ��̂Ƃ���ł��B

  • src�c�c����t�@�C����URL��\���܂��B���̑������ȗ����Asource�v�f�i��q�j��URL���w�肷�邱�Ƃ��ł��܂��B
  • poster�c�c����f�[�^�����p�ł��Ȃ��ԁA����ɕ\�����Ă����摜��URL���w�肵�܂��B�����1�t���[���ڂ̉摜���w�肷��̂��T�^�I�ȗ��p��ł��B
  • preload�c�c����f�[�^�����O�ɓǂݍ��ނ悤�A�u���E�U�Ɏw�����܂��B�w��”\�Ȓl�́gnone�h�i���O�ǂݍ��݂��s��Ȃ��j�A�gmetadata�h�i����̕��⍂���A1�t���[���ڂ̉摜�A�Đ����ԂȂǁA����̃��^�f�[�^�̂ݎ擾����j�A�gauto�h�i����f�[�^�̐�ǂ݂��s���j�̂����ꂩ�ł��B�ȗ����̓���̓u���E�U�Ɉˑ����܂��B
  • autoplay�c�c����������ōĐ����܂��B�ȗ����́A�����Đ��͍s���܂���B
  • loop�c�c���悪�I�������A�܂��ŏ�����J��Ԃ��Đ����܂��BChrome10�AOpera11�AIE9�ASafari5�͂��̑����ɑΉ����Ă��܂��iFirefox�ł͖������ł��j�B�ȗ����́A���[�v�Đ��͍s���܂���B
  • muted�c�c���̑������w�肷��ƁA�������~���[�g��ԂōĐ�����܂��B
  • mediagroup�c�c���f�B�A���\�[�X���O���[�v�����A�����̃��\�[�X�ԂŎ����I�ɓ�������邽�߂ɗp�����܂��B�����l�ɃO���[�v�����w�肵�A�����O���[�v���̃��f�B�A���\�[�X�͓����O���[�v�ƌ��Ȃ���܂��B
  • controls�c�c���̑������w�肷��ƁA����̍Đ����s���R���g���[�����\������܂��B�ȗ����́A�R���g���[���͕\������܂���B
  • width�c�c����̕��B�ȗ�����300px�ƂȂ�܂��B
  • height�c�c����̍����B�ȗ�����150px�ƂȂ�܂��B

�@�܂��Avideo/audio�v�f�̓����ɂ́A�u���E�U�����̗v�f�ɑΉ����Ă��Ȃ��Ƃ��̑�փR���e���c���L�q���邱�Ƃ��ł��܂��B��փR���e���c�𗘗p����΁Avideo�v�f���T�|�[�g���Ă��Ȃ��u���E�U��ł�Flash Player�Ȃǂ�p���ē���^�����̍Đ����s������A�R���e���c�ɃA�N�Z�X�����肷�邽�߂̕ʂ̎�i��񋟂��邱�Ƃ��ł��܂��B

�@��L�̑������փR���e���c���g�p�����Avideo�v�f�̃}�[�N�A�b�v���������‹����܂��B��ʂ��\�����ꂽ�u�ԂɍĐ����n�܂�A�i���Ƀ��[�v�Đ������悤�ȁA�ˋ�̓���L�����}�[�N�A�b�v�����ł��B

<aside class="ad">
<h1>�L���G���A</h1>
<a href="http://external_site.com" title="�X�|���T�[�����PR" rel="external" target="_blank">
<!--
�����ōĐ����A�����Ƀ��[�v���铮��L���B
�����͏o�͂��Ȃ��B
-->
<video src="ad_movie.ogg"
autoplay
loop
audio="muted"
poster="ad_poster.png"
width="200"
height="100">
<!-- �u���E�U��video�v�f�ɑΉ����Ă��Ȃ��ꍇ�͐Î~�悪�\������� -->
<img src="ad_static.png" width="200" height="100" alt="">
</video>
</a>
</aside>

audio�v�f�̗��p�@

�@audio�v�f�́A�������Đ����邽�߂̗v�f�ł��B�g�������ȒP�ŁAvideo�v�f�Ƒ����̑��������ʂ��Ă��܂��B

�@audio�v�f�����‘����͈ȉ��̂Ƃ���ł��B

  • muted�c�c���̑������w�肷��ƁA�������~���[�g��ԂōĐ�����܂��B
  • mediagroup�c�c���f�B�A���\�[�X���O���[�v�����A�����̃��\�[�X�ԂŎ����I�ɓ�������邽�߂ɗp�����܂��B�����l�ɃO���[�v�����w�肵�A�����O���[�v���̃��f�B�A���\�[�X�͓����O���[�v�ƌ��Ȃ���܂��B
�@�@�@�@�@�@ 1|2 ���̃y�[�W��

Copyright © ITmedia, Inc. All Rights Reserved.

'; if( !this.isSubscription ) { this.insertTarget = document.querySelector('#cmsBody .subscription') || document.querySelector('#cmsBody .inner'); } }; BodyAdIMSWithCCE.prototype = Object.create(BodyAdContent.prototype); BodyAdIMSWithCCE.prototype.activate = function () { refreshGam('InArtSpecialLink'); } // global reference window.itm = itm; //entry point BodyAdEventBase.polyfill(); const bodyAdManager = BodyAdManager.getInstance(); bodyAdManager.addEventListener(BodyAdManager.EVENTS.READY, function (ev) { bodyAdManager.loadAdvertise(); }); bodyAdManager.init(); })();
�X�|���T�[����̂��m�点PR

���ڂ̃e�[�}

4AI by IT - AIAAA
Microsoft  WindowsőO2025
AI for GWjAO
[R[h^m[R[h Zg by IT - ITGWjArWlX̒SŊ􂷂gD
Cloud Native Central by IT - XP[uȔ\͂gD
�V�X�e���J���m�E�n�E �y�����i�r�zPR
���Ȃ��ɂ������߂̋L��PR

RSS�ɂ‚���

�A�C�e�B���f�B�AID�ɂ‚���

���[���}�K�W���o�^

��IT�̃��[���}�K�W���́A �������A���ׂĖ����ł��B���Ѓ��[���}�K�W�������w�ǂ��������B