关于网页的一些小知识点

插入音效：

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

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

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

</video>

举例：

<body>
//在标签插入一个音效
//鼠标悬浮时：
<div id="dd" style="visibility:hidden"></div>//先写一个隐藏标签用作JS的引用
<div οnmοuseοver="bf()" οnmοuseοut="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>

插入视频：

//这是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 元素的支持。

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

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

举例：

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

转载于:https://www.cnblogs.com/zyg316/p/5540686.html

关于网页的一些小知识点相关推荐

关于js的一些常用小知识点（持续更新）
关于js的一些常用小知识点 1.获取页面中所有选中的CheckBox复选框的值 2.js获取网页URL中所带的参数 3.js模拟点击button 4.前端传入后台list,后台是不能接收List的,就 ...
封装 localStorage 缓存，兼容网页，微信小程序，uni-app
封装的缓存功能,兼容网页,微信小程序,uni-app 使用,支持设置缓存,获取缓存,移除缓存,清空缓存,设置缓存时间,分组缓存设置. 把最下面的 Str4.js 代码拷贝到项目内可以直接使用,调用方式 ...
JavaScript 小知识点
原型链相关最详尽的 JS 原型与原型链终极详解 isNaN() 和 Number.isNaN() 的区别 isNaN() 是 ES1 规范: 是全局方法: 如果参数不是一个 Number 类型,会先 ...
Python小知识点（3）--装饰器
Python小知识点(3)--装饰器 (1)装饰器含参数,被装饰函数不含(含)参数实例代码如下: import time # 装饰器函数 def wrapper(func):def done(*ar ...
php-函数小知识点
<?php //语句 //分支语句 /*$a=5; if($a==5) { echo "相等";} else { echo "budeng";}*/ // ...
0607am抽象类接口析构方法tostring小知识点
/* class ren { public static $color;//静态 static function () { ren::$color; self::$color;//self只能写在类里 ...
Python小知识点（5）--面向对象部分
Python小知识点(5)--面向对象部分面向对象: 世间万物,皆可分类.--------------------手机<--------------某一个分类世间万物,皆为对象.------ ...
JS,JQ,PHP的小知识点整理
在日常开发中所使用的JS,JQ,PHP的小知识点整理持续更新-- 1.js和jq获取当前的时间戳方法一: <script>var timestamp = Date.parse(new ...
C语言小知识点练习总结
最近在准备C语言的上级考试,之前对C接触不多,在练习过程中把一些小知识点记录下来. 1.字符串的截取利用strncpy函数,传入三个参数,分别为目标字符串,起始位置,长度. 例如将日期字符串转化为数 ...

关于网页的一些小知识点

关于网页的一些小知识点相关推荐

最新文章

热门文章