現在的位置: 首頁 > 方法、技巧 > 正文

在html中調用視頻(邊緩存,邊播放)的方法

2019年05月04日 方法、技巧 ⁄ 共 348字 ⁄ 字號 暫無評論 ⁄ 閱讀 487 views 次

法兰克福机场 www.yzupru.com.cn 該方式調用視頻,可調用大視頻,可以邊緩存,邊播放視頻。

瀏覽器支持


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",避免視頻自動播放):

360借條

濟南網站建設公司
川芎設計