---
title: Home
section: home
permalink: /index.html
---

{% extends "_layouts/layout.twig" %}

{% block head %}
  <link rel="stylesheet" href="/css/home.css" />
{% endblock %}

{% block content %}
    <div>BZFlag is a 3D networked multi-player multi-platform tank battle game. It runs on Windows, Mac OSX, Linux, BSD, and other platforms. It was one of the most popular games ever on Silicon Graphics machines and continues to be developed and improved to this day.</div>
    <div id="teaserdiv">
      <video width="720" height="400" id="teaser" loop="loop" preload="none" poster="/images/videothumb/bzteaser.jpg" controls="controls">
        <source src="/vid/bzteaser.mp4" type="video/mp4" />
      </video>
    </div>
{% endblock %}

{% block scripts %}
  <script src="/js/mootools-core-1.6.0-compressed.js"></script>
  <script>
    document.addEvent('domready', function() {
      var container = document.id('teaserdiv');
      container.addClass('paused');
      var video = document.id('teaser');
      video.controls = false;
      container.addEvent('click', function() { (video.paused)?video.play():video.pause(); });
      video.addEventListener('play', function() { container.removeClass('paused'); });
      video.addEventListener('pause', function() { container.addClass('paused'); });
    });
  </script>
{% endblock %}

---
title: Home
section: home
permalink: /index.html
---

{% extends "_layouts/layout.twig" %}

{% block head %}
  <link rel="stylesheet" href="/css/home.css" />
{% endblock %}

{% block content %}
    <div>BZFlag is a 3D networked multi-player multi-platform tank battle game. It runs on Windows, Mac OSX, Linux, BSD, and other platforms. It was one of the most popular games ever on Silicon Graphics machines and continues to be developed and improved to this day.</div>
    <div id="teaserdiv">
      <video width="720" height="400" id="teaser" loop="loop" preload="none" poster="/images/videothumb/bzteaser.jpg" controls="controls">
        <source src="/vid/bzteaser.mp4" type="video/mp4" />
        <source src="/vid/bzteaser.webm" type="video/webm" />
      </video>
    </div>
{% endblock %}

{% block scripts %}
  <script src="/js/mootools-core-1.6.0-compressed.js"></script>
  <script>
    document.addEvent('domready', function() {
      var container = document.id('teaserdiv');
      container.addClass('paused');
      var video = document.id('teaser');
      video.controls = false;
      container.addEvent('click', function() { (video.paused)?video.play():video.pause(); });
      video.addEventListener('play', function() { container.removeClass('paused'); });
      video.addEventListener('pause', function() { container.addClass('paused'); });
    });
  </script>
{% endblock %}

Add a WebM video source.
Add a WebM video source.
