Difference between revisions of "Team:AHUT China/home"

Line 115: Line 115:
 
         <!--================Breadcrumb Area =================-->
 
         <!--================Breadcrumb Area =================-->
 
        
 
        
−
        
+
       <video  id="myvideo" width="100%" height="auto" controls="controls" >
 +
               
 +
        <span style="white-space:pre">    </span>
 +
        <source src="https://static.igem.org/mediawiki/2018/b/bc/T--AHUT_China--_home1475852.jpg" type="video/mp4" type='video/mp4' /> 
 +
</video>
  
 
<div align="center"><video  width="100%"  controls="controls"><source src="https://static.igem.org/mediawiki/2018/b/bc/T--AHUT_China--_home1475852.jpg" type="video/mp4"></div>
 
<div align="center"><video  width="100%"  controls="controls"><source src="https://static.igem.org/mediawiki/2018/b/bc/T--AHUT_China--_home1475852.jpg" type="video/mp4"></div>
Line 456: Line 460:
  
 
</script>
 
</script>
 +
<script language="javascript"> 
 +
                        $(document).ready(function(){
 +
                            video.play(); 
 +
                        });
 +
                         
 +
                        var vList = ['001.mp4', 'video//1.mp4', 'video//02.mp4']; // 初始化播放列表 
 +
                        var vLen = vList.length; 
 +
                        var curr = 0; 
 +
                        var video = document.getElementById("myvideo"); 
 +
                        video.addEventListener('ended', function(){
 +
                            play();
 +
                        }); 
 +
                           
 +
                        function play() { 
 +
                            video.src = vList[curr]; 
 +
                            video.load();   
 +
                            video.play(); 
 +
                            curr++; 
 +
                            if(curr >= vLen){ 
 +
                                curr = 0; //重新循环播放
 +
                            } 
 +
                           
 +
                        } 
 +
</script> 
 
</html>
 
</html>
 
{{:Team:AHUT_China/footer}}
 
{{:Team:AHUT_China/footer}}
 
{{:Team:AHUT_China/footercss}}
 
{{:Team:AHUT_China/footercss}}

Revision as of 09:15, 17 October 2018

Royal Hotel Royal Hotel