JavaScript如何实现按键音效、视频播放,标签分类切换横向滚动

1.使用HTML5的audio标签 (音频播放)


var clickSound = document.getElementById("click-sound");
	var button = document.getElementById("button");
	
	button.addEventListener("click", function() {
	  clickSound.play();
	});

2.使用HTML5的video标签(视频播放) 

var myVideo = document.getElementById("my-video");
	
	// 播放视频
	myVideo.play();
	
	// 暂停视频
	// myVideo.pause();
	
	// 设置视频播放位置(单位:秒)
	// myVideo.currentTime = 30;
	
	// 设置视频音量(0-1之间的小数)
	myVideo.volume = 0.5;
  • pause()方法可以暂停视频
  • currentTime属性可以设置视频播放位置
  • volume属性可以设置音量。 

3.分类切换 




  
  
  Document
  
  
  


  
分类1
分类2
分类3
分类4
分类5
分类6
分类7
分类8
分类9
分类10


你可能感兴趣的:(javascript,音视频,开发语言)