• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

youtube使用的HTML5 视频播放器

OC/C/C++ 水墨上仙 1815次浏览

youtube使用的HTML5 视频播放器

<div id="video-player"> 
	<video width="640" height="360" src="/demo/google_main.mp4?2" autobuffer> 
		<div class="video-fallback"> 
			<br>You must have an HTML5 capable browser.
		</div> 
	</video> 
	<div class="controls"> 
		<button class="play-button"></button> 
		<div class="progress-bar"> 
			<div class="progress-list"> 
				<progress class="load-progress" value="0" style="width: 0%;"></progress> 
				<progress class="play-progress" value="0" style="width: 0%;"></progress> 
				<!-- I do not like using a transparent gif, but have not figured out how to prevent the image from dragging - czacharias --> 
				<a href="#" class="scrubber-button" style="left: 0%;"><img src="/demo/transp.gif" width="16" height="16"></a> 
			</div> 
			<span class="progress-text"><time class="current-time">00:00</time> / <time class="duration-time">00:00</time></span> 
		</div> 
		<button class="volume-button" value="max">
			<div class="volume-panel">
				<div class="volume-channel">
					<a href="#" class="volume-slider" style="top: 0%;"><img src="/demo/transp.gif" width="20" height="10"></a>
				</div>
			</div>
		</button> 
		<button class="hd-button" value="on"></button> 
		<button class="fullscreen-button"></button> 
		<button class="menu-button"></button> 
	</div> 
	<div class="stats"> 
		<meter class="rating-stars"></meter> 
		<span class="rating-count">158 ratings</span> 
		<span class="view-count"><strong>311,916</strong> views</span> 
	</div> 
</div>


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明youtube使用的HTML5 视频播放器
喜欢 (0)
加载中……