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

 
(12 intermediate revisions by the same user not shown)
Line 89: Line 89:
 
                                     <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/HP_FOR_SILVER">HP for Silver</a></li>
 
                                     <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/HP_FOR_SILVER">HP for Silver</a></li>
 
                                     <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/INTEGRATED_FOR_GOLD">Integrated HP for gold</a></li>
 
                                     <li class="nav-item"><a class="nav-link" href="https://2018.igem.org/Team:AHUT_China/INTEGRATED_FOR_GOLD">Integrated HP for gold</a></li>
 +
                                    <li class="nav-item"><a class="nav-link" href="
 +
https://2018.igem.org/Team:AHUT_China/Public_Engagement">Public Engagement</a></li>
 
                                 </ul>
 
                                 </ul>
 
                             </li>  
 
                             </li>  
Line 113: Line 115:
 
         <!--================Breadcrumb Area =================-->
 
         <!--================Breadcrumb Area =================-->
 
        
 
        
     
+
    
        <div>    
+
<video class="Vidage" preload="metadata" loop autoplay>   
+
<source src="https://static.igem.org/mediawiki/2018/6/67/T--AHUT_China--_mov.jpg" type="video/mp4">   
+
</video>   
+
</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>
  
         <img width="100%" src="https://static.igem.org/mediawiki/2018/e/ef/T--AHUT_China--_hoe1122.jpg"  alt=""/>
+
         <img width="100%" src="https://static.igem.org/mediawiki/2018/3/3a/T--AHUT_China--_home145532.jpg"  alt=""/>
  
 
              
 
              
Line 458: Line 456:
  
 
</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}}

Latest revision as of 09:17, 17 October 2018

Royal Hotel Royal Hotel