Difference between revisions of "Team:SJTU-software/Video"

Line 58: Line 58:
  
 
         <!-- MAIN-->
 
         <!-- MAIN-->
 +
<div style="width:700px;margin:auto;">
 +
    <!--播放器代码开始-->
 +
    <div class="playContent">
 +
        <div class="playScreen">
 
             <video id="myVideo" style="width:300px;">
 
             <video id="myVideo" style="width:300px;">
 
                 <source src="https://static.igem.org/mediawiki/2018/7/72/T--SJTU-software--Movie1.mp4" type="video/mp4">
 
                 <source src="https://static.igem.org/mediawiki/2018/7/72/T--SJTU-software--Movie1.mp4" type="video/mp4">
 
             </video>
 
             </video>
 +
        </div>
 +
        <div class="proLines">
 +
            <div id="origin" class="arial">00:00:00</div>
 +
            <div class="line">
 +
                <div class="isPlayLine">
 +
                    <div class="currentCircle">
 +
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div id="duration" class="arial"></div>
 +
        </div>
 +
        <div class="playBars">
 +
            <div class="prevBar"><img src="Images/prev.jpg" border="0" id="prev"></div>
 +
            <div class="startBar"><img src="Images/stop.jpg" border="0" id="imgStatus"></div>
 +
            <div class="nextBar"><img src="Images/next.jpg" border="0" id="next"></div>
 +
            <div class="voiceContent">
 +
                <div class="voice">
 +
                    <img src="Images/voice.jpg" id="voiceImg" border="0">
 +
                </div>
 +
                <div class="voiceline">
 +
                    <div class="voicekuai"></div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <!--播放器代码结束-->
 +
</div>
 +
 
         <!-- ENDS MAIN -->
 
         <!-- ENDS MAIN -->
 
 

Revision as of 11:10, 15 October 2018

00:00:00

    Address

    NO. 800 Dongchuan Road, Minhang District, Shanghai, China

    Contact Us

    rockywei@sjtu.edu.cn

    SJTU-software