关于网页的一些小知识点

插入音效:

<audio src=" .mp3"></audio>

<video src="‘ .mp3‘ controls=‘controls‘ autoplay=‘autoplay‘ ‘loop‘=‘1‘"></video>

//controls 控制面板  autoplay 自动播放 都是成对出现的  loop=后面添加循环次数

<bgsound></bgsound>//引用音乐  这个写在head里面,对整个页面进行音乐播放

<video>//此处是对于特殊格式的一种写法,写在video里面

<soure src=".mp4"/>

<soure src=".ogg"/>

</video>

举例:

<body>
//在标签插入一个音效
//鼠标悬浮时:
<div id="dd" style="visibility:hidden"></div>//先写一个隐藏标签用作JS的引用
<div onmouseover="bf()" onmouseout="bf1()"></div>//在自己选择调用音效的div标签里面设置鼠标悬浮时

//调用js里面bf(),鼠标离开时调用bf1()
</body>
</html>
<script>
function bf()
{
var a=document.getElementById("dd")/*首先先用变量a获取到id为"dd"的标签*/
a.innerHTML="<video src=‘ .mp3‘ autoplay=‘autoplay‘ ‘loop‘=‘1‘></video>"/*然后将获取到标签的a直接点到HTML里面,后面写上插入的音乐信息,文件名.mp3 执行自动播放 只循环一次,注意loop一定加引号*/
}
function bf1()/*再写一个函数,用来鼠标离开时调用*/
{
var b=document.getElementById("dd")/*首先先用变量b获取到id为"dd"的标签*/
b.innerHTML=""/*因为这个函数是用来鼠标离开时停止音乐播放使用,所以里面没有填写内容*/
}
</script>

插入视频:

<embed></embed>

<video></video>

//这是HTML5的写法,目前只支持三种格式:

HTML5 规定了一种通过 video 元素来包含视频的标准方法。当前,video 元素支持三种视频格式:

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件  Internet Explorer 8 不支持 video 元素。在 IE 9 中,将提供对使用 MPEG4 的 video 元素的支持。

所以在使用此方法插入视频时要注意自己的视频文件是否符合支持的格式,否则将会法正常播放,

在下载视频时主要下载格式,如果已经下载了其他格式,可对视频文件进行转换格式,以便于使用

举例:

<video src="文件名.mp4" controls="controls" autoplay="autoplay" "loop"="1" width="500px"></video>

//引用一个MP4格式的视频文件,自动播放,只播放一次,宽度500像素,注意,设置显示界面大小只需要设置一个值,就会按照比例缩放

时间: 2024-10-29 01:10:54

关于网页的一些小知识点的相关文章

小知识点日志(2014-10-22~2015-4-7)

上一篇 小知识点日志(2013-6-24~2014-10-11) 2014-10-22 17:51:46 1.函数命名:使用 LayerObjectOperation的命名方法,例如SlotFileRead.如果是面向对象的,通常是Layer字段在类名里表示了,而ObjectOperation通常表示成OperationObject,例如" CSlot slot; slot.readFile(); " 2.svn bug 3.mac实用工具:dash alfred 4.xcode Pe

android 小知识点

小知识点总结 1. android中MotionEvent.ACTION_CANCEL事件如何被触发? 对于这个问题,android文档的说明很简短,想看明白很难.国外一网页说的还比较详细,写在这里分享给大家: 原文是这样的: You receive this when a parent takes possession of the motion, for example when the user has dragged enough across a list view or scroll

Javascript的一些小知识点

小弟五一回家去了,本想好好的享受下五一假期,谁知悲剧的人生不需要解释.好不容易过五关斩十将,跨千山趟万水,回到家里.吃着老妈做的好菜,第二天就莫名其妙的急性肠炎,这肚子闹腾的.NND,气死哥了,早知道就不回家了.好了,废话不多说,进入主题. ================ 关于clientHeight.offsetHeight.scrollHeight window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏

web前端小知识点

写在前面: 该篇是个人平时对web前端小知识点的总结,会不定时更新...... 如有错误,敬请批评指正. 正文: 1.WWW是World Wide Web的缩写. 2.HTML(Hyper Text Markup Language)是用于描述网页文档的超文档标记性语言. 3.Web主要包括超文本传输协议(HTTP).统一资源定位符(URL)以及超文本标记语言HTML组成. 4.HTTP是客户端和服务器端信息交互的网络协议. 5.URL是网络上的资源的唯一标识符,俗称网址. 6.文本.图像.超级链

记录神经网络中一些小知识点

记录神经网络中一些小知识点 1 Caffe中的blob维度 Caffe中的blob具有4个维度,分别是num,channel,width和height: 其中我们在定义各个网络层时,常用到的一个参数numout,就是指定的channel: 比如说,维度为1*3*5*5的数据输入网络(即每次输入一张5*5大小的3通道图),经过一个stride为2,pad为1,kernel为2,numout为2的卷积层后,维度就变成了1*2*3*3: 假如输入有n个通道,计算时,caffe就会对应产生n个filte

C++ 小知识点 WINAPI

int WINAPI WINMain 中,WINAPI含义 网友给出回答:在windef.h头文件中有如下定义#define WINAPI      __stdcall#define APIENTRY    WINAPIVC有两种函数调用方式 一种是__stdcall,另一种是__cdecl函数的调用方式有两种一种是PASCAL调用方式,另一种是C调用方式使用PASCAL调用方式,函数在返回到调用者之前将参数从栈中删除使用C调用方式,参数的删除是调用者完成的WinMain函数是由系统调用的,Wi

0607am抽象类&amp;接口&amp;析构方法&amp;tostring&amp;小知识点

/*class ren{ public static $color;//静态 static function () { ren::$color; self::$color;//self只能写在类里面,代表这分类 }} */ //不能实例化的类:抽象类abstract class Animal //关键字abstract{ public $dong; public $jiao; function chi() { } function shui() { }}class Ren extends Ani

用CSS3做网页中的小三角,以及transition的用法

自开了博客园已经有2周了吧,虽然转载了一些觉得比较有用的文章之外还没有开始写自己的一些学习记录,那就从今天开始. 目前看了妙味的不少视频,有css+html,js的基础和中级也都看完了,作业也都做了,css3的部分也看过了,但是觉得讲得不太好,全部都是点到为止.无意中找到了传智播客的视频讲了一些css3的小技巧,今天就写一下用CSS3做网页中的小三角. 大致网上关于小三角的做法无非三种: 直接用背景图片,这个没什么好说的: 用块元素设置宽高都为0,三角的高用一条边框宽度,其他三条边框用dashe

初学MySQL中的一些小知识点

写在前面,小弟初用博客记录学习路上的一点点小知识点,其中可能有个人理解方面的误差,或不明白的地方.希望各位大牛纠正指导,小弟感激不尽!这并不是什么帮助别人解决问题的文章,只是小弟将学习到的内容一一写在博客上,这样方便以后复习,还恳请大家勿喷.. 一.进入MySQL客户端 1.客户端可以通过.../MySQL/bin目录下的sql.exe运行客户端. 1.1:访问方式一: -u root -p /*可以直接在这段代码的后面添加密码,也可以按回车后再输入密码*/ 1.1:访问方式二: --host