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 οnclick="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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值