昆仑山:眼中无形心中有穴之穴人合一

夫君子之行，静以修身，俭以养德；非澹泊无以明志，非宁静无以致远。夫学须静也，才须学也；非学无以广才，非志无以成学。怠慢则不能励精，险躁则不能冶性。年与时驰，意与岁去，遂成枯落，多不接世。悲守穷庐，将复何及！

 

html:音频视频基础操作 


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--audio:音频-->
<!--
src:播放的音频文件的路径
controls:音频播放器的控制器面板
autoplay:自动播放
loop:循环
-->
<!--<audio src="audio/motherland.Flac" controls></audio>-->

<!--video:视频-->
<!--
src:播放的音频文件的路径
controls:音频播放器的控制器面板
autoplay:自动播放
loop:循环
width:宽度
height:高度
poster:当视频还没有完全下载，或者用户还没有点击播放前的默认的封面。默认显示当前视频文件的第一帧画面
-->
<!--

注意事项：当设置宽高的时候，
一般情况下只会设置宽度或者高度，让其自动的等比缩放。
如果同时设置宽度和高度，那么视频并不会真正的调整到设置的宽高，
除非设置的值刚好是等比例的
-->
<!--<video src="video/demo.mp4" controls width="640"></video>-->


<!--

重点说明source的使用：因为不同浏览器支持的视频文件格式不一样，
所以我们在进行视频添加的时候，需要考虑到浏览器是否支持。
我们可以准备多个格式的视频文件，让浏览器自动的选择

-->

<video controls>
    <source src="video/uml.avi" type="video/avi" >
    <!--<source src="video/demo.mp4" type="video/mp4">-->
    您的浏览器不支持
</video>


</body>
</html>

posted on 2018-10-10 00:17  Indian_Mysore  阅读(195)  评论(0)  编辑  收藏  举报

导航