HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了播放音频和视频大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

<!DOCTYPE HTML>

<html>

<body>

<audio controls="controls">

    <source src="medias/WahGame Loop.ogg" type="audio/ogg">

    <source src="medias/WahGame Loop.mp3" type="audio/mpeg">

您的浏览器不支持audio标签

</audio>

</body>

</html>

 

 

<!DOCTYPE HTML>

<html>

<body>

<video controls="controls">

    <source src="medias/volcano.ogg" type="video/ogg">

    <source src="medias/volcano.mp4" type="video/mp4">

您的浏览器不支持video标签

</video >

</body>

</html>

Controls 包括暂停,快进,后退

 Autoplay 自动播放

循环播放

<!DOCTYPE html>

<html>

<audio autoplay loop>

    <source src="WahGame Loop.ogg">

    <source src="WahGame Loop.mp3">

</audio>

</html>

 

鼠标覆盖的时候播放,离开的时候暂停,加载缓存

<!DOCTYPE html>

<html>

<video id="movies" onmouSEOver="this.play()" onmouSEOut="this.pause()" autobuffer="true"

    width="400px"height="300px">

    <source src="medias/volcano.ogv" type='video/ogg;codecs="theora,vorbis"'>

    <source src="medias/volcano.mp4" type='video/mp4'>

</video>

</html>

大佬总结

以上是大佬教程为你收集整理的播放音频和视频全部内容,希望文章能够帮你解决播放音频和视频所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: