A-A+

在html中调用视频(边缓存,边播放)的方法

2019年05月04日 方法、技巧 暂无评论

该方式调用视频,可调用大视频,可以边缓存,边播放视频。

浏览器支持


Internet Explorer

Firefox

Opera

Google Chrome

Safari


Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持 <video> 元素.

注意: Internet Explorer 8 或者更早的IE版本不支持 <video> 元素。

下面是视频调用时需要的代码,可以复制出来进行测试(具体需要什么部分,可以依据实际使用情况进行深入调节):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
</head>
<body> 
 
<video id="video1" controls="controls" autoplay="autoplay">
  <source src="/wp-content/uploads/2019/05/mov_bbb.mp4">
  您的浏览器不支持 HTML5 video  标签。
</video>
 
<script>
myVid=document.getElementById("video1");
</script> 
 
</body> 
</html>

效果演示如下(已去掉:autoplay="autoplay",避免视频自动播放):

给我留言

Copyright © 众人搜索网 保留所有权利.   Theme  Ality 鲁ICP备11032800号

用户登录 ⁄ 注册