您的位置 首页 > 数码极客

优酷如何使用html5

htmL5多媒体应用的技巧,希望对大家有所帮助!

1..加入音乐有两种标识:

<video>可以显示图像

<audio>只有声音

语法如下:

<audio src="mu; type="audio/pemg" controls ></audio>

·src="mu;:设置音乐文件名及路径, <audio>标记支持MP3、WAV及ogg 3种音乐格式;

·autoplay:是否自动播放音乐。

语法为:<audio src="mu; autoplay></audio>

·controls:是否显示播放面板。

·loop:是否循环播放。

·preload:是否预先加载,减少用户等待时间。属性值有auto、metadata及none3种。当设置autoplay属性

时,preload属性就会被忽略。

* auto:网页打开时就加载影音。

* metadata:只加载meta信息。

* none:网页打开时不加载影音。

·width/height:设置播放面板的宽度和高度,单位为像素。

·type="audio/mpeg":指定播放类型,不需要让浏览器去检验文件格式,type必须指定适当的MIME类型。

语法为:<audio controls="controls">

<source src="mu; type="audio/ogg">

<source src="mu; type="audio/mpeg">

</audio>

2.添加影音动画

<video>其属性大致与<audio>相同。支持MP4、WEBM(VP8编码)、OGG(Theora编码)语法如下:

<video src="multimedia; controls="controls"></video>

3.Flash动画是矢量格式,文件小并不失真。

在网页中播放的格式是.swf文件,在网页中加入Flash动画可利用<embed>标记,语法如下:

<embed src="moive.swf" width="100" height="100">

4.使用iframe嵌入优酷视频

<iframe>标记属于框架语法,它能够将要链接的网页与组件直接内嵌在当前的网页中,其语法如下:

<iframe name ="f1" src="new_; width="300" height="400">你的浏览器不支持iframe框架</iframe>

其中的设置属性为:

·src="new_; :显示在窗格中的文件路径及文件名;

·name ="f1":框架窗格名称;

·width="300"/height="400"

·seamless:隐藏边框及滚动条,让网页看不出来嵌入了iframe框架;

如果想嵌入视频,则src改成视频网址即可。

<iframe width="300" height="400" src="http://www.优酷.com/embed/uq" frameborder="0" allowfullscreen></frame>

切图 qietu(.com)

责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“优酷如何使用html5,优酷如何使用兑换码,优酷如何使用别人的会员,优酷如何使用微信支付”边界阅读