案例:html/html5 案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html> 
2
<html> 
3
<body> 
4
<button onclick="getMedGroup()" type="button">获得视频的媒体组合</button>
5
<button onclick="setMedGroup()" type="button">设置视频的媒体组合</button>
6
<br />
7
<br />
8
<video id="video1" controls="controls">
9
  <source src="/example/html5/mov_bbb.mp4" type="video/mp4">
10
  <source src="/example/html5/mov_bbb.ogg" type="video/ogg">
11
  Your browser does not support HTML5 video.
12
</video>
13
<video id="video2" controls="controls">
14
  <source src="/example/html5/mov_bbb.mp4" type="video/mp4">
15
  <source src="/example/html5/mov_bbb.ogg" type="video/ogg">
16
  Your browser does not support HTML5 video.
17
</video>
18
19
<script>
20
myVid1=document.getElementById("video1");
21
myVid2=document.getElementById("video2");
22
function getMedGroup()
23
  { 
24
  alert("Video 1 media group: " + myVid1.mediaGroup +
25
 ". Video 2 media group: " + myVid2.mediaGroup);
26
  } 
27
function setMedGroup()
28
  { 
29
  myVid1.mediaGroup="test";
30
  myVid2.mediaGroup="test";
31
  } 
32
33
</script> 
34
35
</body>
36
</html>
37