html5中关于音频--视频的播放

关于音频的播放:

1,.使用audio标签,<audio src="1.mp3">您的播放器支持</audio>;

2,自定义播放,即自定义按钮终止+继续;

    代码显示如下:

<button onclick ="clickA()">播放/暂停</button>

<audio id="myaudio"  src="1.MP3">您的浏览器不支持</audio>

<script>

var a=document.getElementById("myaudio");     //得到id必须先指明id;

function clickA(){

if(a.paused)                  //用pause是否在播放中,对其进行分析判断;

a.play()

else

a.pause();

}

</script>

3.编解码工具:绿色开元软件------FFMPEG;

网址:http://www.ffmpeg.org;[下载可执行文件,不用自己编译,即"...above"]

转换格式Mp4-Ogg:打开终端,进行执行,查找路径“cd(进入)  所在路径"-----enter-------”-i  3.Mp4  --acodec  libvorbis  3.Ogg(格式的转换) -----enter";

关于视频的播放:

1.video标签

   如下:<video src="1.mp4" control="controls">您的浏览器不支持</ video>

2.属性width;

3.control、source的使用;

    代码如下:

<button onclick="videoA()'>播放/暂停</button>

<video id="video">

<source src="1.mp4">

<source src="1.ogg">

您的浏览器不支持

</video>

<script>

var v=document.getElementById("video");

function videoA(){

if(v.paused)

v.play();

else

v.pause();

</script>

你可能感兴趣的:(html5中关于音频--视频的播放)