Skip to content

Instantly share code, notes, and snippets.

@hzlzh

hzlzh/video.html

Last active August 29, 2015 14:04
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save hzlzh/c8c293c434508828e1fc to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save hzlzh/c8c293c434508828e1fc to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. hzlzh revised this gist Jul 29, 2014. 1 changed file with 4 additions and 3 deletions.
    7 changes: 4 additions & 3 deletions video.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,8 @@
    <video poster="thumb.jpg" id="video" style="cursor: pointer;" >
    <source src="test.mp4" />
    <source src="test.webm" type="video/webm" />
    <source src="test.ogg" type="video/ogg" />
    <source src=http://techslides.com/demos/sample-videos/small.webm type=video/webm>
    <source src=http://techslides.com/demos/sample-videos/small.ogv type=video/ogg>
    <source src=http://techslides.com/demos/sample-videos/small.mp4 type=video/mp4>
    <source src=http://techslides.com/demos/sample-videos/small.3gp type=video/3gp>
    </video>

    <script type="text/javascript">
  2. hzlzh revised this gist Jul 29, 2014. 1 changed file with 12 additions and 12 deletions.
    24 changes: 12 additions & 12 deletions video.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,12 +1,12 @@
    <video poster="thumb.jpg" id="video" style="cursor: pointer;" >
    <source src="test.mp4" />
    <source src="test.webm" type="video/webm" />
    <source src="test.ogg" type="video/ogg" />
    </video>
    <script type="text/javascript">
    var video = document.getElementById('video');
    video.addEventListener('click',function(){
    video.play();
    },false);
    </script>
    <video poster="thumb.jpg" id="video" style="cursor: pointer;" >
    <source src="test.mp4" />
    <source src="test.webm" type="video/webm" />
    <source src="test.ogg" type="video/ogg" />
    </video>

    <script type="text/javascript">
    var video = document.getElementById('video');
    video.addEventListener('click',function(){
    video.play();
    },false);
    </script>
  3. hzlzh revised this gist Jul 29, 2014. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions video.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,7 @@
    <video poster="http://3glogo.gtimg.com/wxgc/_events/20140728-game-feijidazhan/img/v0.jpg" id="video" style="cursor: pointer;" >
    <source src="http://3glogo.gtimg.com/wxgc/_events/20140728-game-feijidazhan/test.mp4" />
    <source src="picsideo/gizmo.webm" type="video/webm" />
    <source src="picsideo/gizmo.ogv" type="video/ogg" />
    <video poster="thumb.jpg" id="video" style="cursor: pointer;" >
    <source src="test.mp4" />
    <source src="test.webm" type="video/webm" />
    <source src="test.ogg" type="video/ogg" />
    </video>

    <script type="text/javascript">
  4. hzlzh created this gist Jul 29, 2014.
    12 changes: 12 additions & 0 deletions video.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,12 @@
    <video poster="http://3glogo.gtimg.com/wxgc/_events/20140728-game-feijidazhan/img/v0.jpg" id="video" style="cursor: pointer;" >
    <source src="http://3glogo.gtimg.com/wxgc/_events/20140728-game-feijidazhan/test.mp4" />
    <source src="picsideo/gizmo.webm" type="video/webm" />
    <source src="picsideo/gizmo.ogv" type="video/ogg" />
    </video>

    <script type="text/javascript">
    var video = document.getElementById('video');
    video.addEventListener('click',function(){
    video.play();
    },false);
    </script>