Problem: Some browsers do not support loop attributes in html 5 video
Solution: Add the following javascript to your page
if (typeof $video.loop !== 'boolean') {
$video.addEventListener('ended', function () {
this.currentTime = 0;
this.play();
}, false);
}
Add the following lines to functions.php
remove_filter('the_content', 'wptexturize');
remove_filter('the_excerpt', 'wptexturize');
remove_filter('comment_text', 'wptexturize');
1. Open .htaccess (or create one if it doesn't exist)
2. Add the following lines to .htaccess
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/x-m4v .m4v
<video autoplay="autoplay" loop="true">
<source src="xxx.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"' />
<source src="xxx.ogv" type='video/ogg; codecs="theora, vorbis"' />
</video>
http://webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-face_embedding
http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&item_id=OFL