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