帐号: 密码:
// 设为首页 // 收藏本站 // 请您留言 // 网址导航
远方教程-满足你的求知欲!
站内搜索:
HTML ASP PHP CSS DIV Dreamweaver Photoshop Word Excel PPT SEO技巧
您当前位置:网站首页 >> HTML入门 >> HTML5教程 >> 阅读文章

Html5视频播放器代码

来源:远方教程 作者:远方教程 发布时间:2015-05-15 查看次数:6747 访问[新版]

  我们知道,网页版播放器代码,在智能手机上不能用。这个问题可以用html5来解决。下面,分享一段HTML5视频播放器代码:

<!DOCTYPE html>
<html lang="en">
<head>
 
<title>Video Player</title>
</head>
<body>
<section id="player">
 
<video id="media" width="720" height="400" controls>
   
<source src="http://minkbooks.com/content/trailer.mp4">
   
<source src="http://minkbooks.com/content/trailer.ogg">
 
</video>
</section>
</body>
</html>

Html5视频播放器代码-远方教程

代码解释:

 

 

HTML5 video标签的新属性:

  • autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
  • controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
  • height pixels 设置视频播放器的高度。
  • loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
  • muted muted 规定视频的音频输出应该被静音。
  • poster URL 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。
  • preload preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
  • src url 要播放的视频的 URL。
  • width pixels 设置视频播放器的宽度。
打印 打印 | 关闭 关闭 评论
相关文章
图片新闻
站内搜索  
搜索
猜您喜欢  
最新更新  
阅读排行  
关于我们 | 联系方式 | 大事记 | 免责声明 | | 给我留言
部分广告源自金山联盟2345联盟 QQ咨询 站长之家QQ群:232617873
Copyright 2024 远方教程 © All Rights Reserved.

回顶部