楼主: 充实每一天
6558 87

[学习笔记] 20190605【充实计划】第1090期   [推广有奖]

41
ccmchy 在职认证  企业认证  发表于 2019-6-5 09:28:48
昨天阅读2小时,累计阅读535小时
已有 1 人评分论坛币 收起 理由
充实每一天 + 10 精彩帖子

总评分: 论坛币 + 10   查看全部评分

42
行者的心 发表于 2019-6-5 09:35:15
昨天阅读2小时,一共阅读1154小时。
已有 1 人评分论坛币 收起 理由
充实每一天 + 10 精彩帖子

总评分: 论坛币 + 10   查看全部评分

43
botenent 在职认证  发表于 2019-6-5 09:38:39 来自手机
充实每一天 发表于 2019-6-5 05:11
为什么|学习笔记|好


【加入充实计划】【了解充实计划】
昨日阅读1小时,累计阅读287小时。
已有 1 人评分论坛币 收起 理由
充实每一天 + 10 精彩帖子

总评分: 论坛币 + 10   查看全部评分

44
zgs3721 发表于 2019-6-5 09:39:28
昨天阅读3小时,总共阅读1083小时
已有 1 人评分论坛币 收起 理由
充实每一天 + 10 精彩帖子

总评分: 论坛币 + 10   查看全部评分

45
mingke24 发表于 2019-6-5 09:46:49
昨日阅读2小时,累计阅读776小时
已有 1 人评分论坛币 收起 理由
充实每一天 + 10 精彩帖子

总评分: 论坛币 + 10   查看全部评分

46
也与么 发表于 2019-6-5 09:49:31
昨日阅读7小时,累计阅读358小时。
已有 1 人评分论坛币 收起 理由
充实每一天 + 10 精彩帖子

总评分: 论坛币 + 10   查看全部评分

47
wangyong8935 在职认证  发表于 2019-6-5 09:51:01
昨日阅读1小时,累计阅读655小时
已有 1 人评分论坛币 收起 理由
充实每一天 + 10 精彩帖子

总评分: 论坛币 + 10   查看全部评分

48
luchange2000 发表于 2019-6-5 09:56:34
昨日阅读1小时,累计阅读605小时
已有 1 人评分论坛币 收起 理由
充实每一天 + 10 精彩帖子

总评分: 论坛币 + 10   查看全部评分

49
pdwno1 发表于 2019-6-5 10:01:17
阅读2小时,累计阅读354小时
已有 1 人评分论坛币 收起 理由
充实每一天 + 10 精彩帖子

总评分: 论坛币 + 10   查看全部评分

50
HappyAndy_Lo 发表于 2019-6-5 10:06:25
昨日阅读实践3小时,累计476hours

time元素:定义日期和时间
datetime属性指定机器读取的日期和时间
pubdate属性,表示article元素的发布日期(此属性是一个可选的布尔值)
新增非主题结构元素
header元素
hgroup元素:对header元素标题及其子标题进行分组
footer元素:定义区块的脚注(可以是article,也可以是section元素)
address元素:定义文档作者、拥有者的联系信息
ch3.HTML5音频和视频
video元素,支持Ogg/MPEG4/WebM格式
audio元素,支持Ogg Vorbis/MP3/Wav

HTML5中播放音频的代码:
<audio src="song.ogg" controls="controls">浏览器不支持</audio>
HTML5播放视频的代码:
<video src="movie.mp4" controls="controls">浏览器不支持</video>

检测浏览器是否支持HTML5视频:可以编写JS代码测试
这个对象返回是否支持document.createElement('video').canPlayType,然后在代码中可以更详细地判断对ogg/h264编码等测试

下面给一个HTML5中的显示视频/音频实例:
<!DOCTYPE html>
<html>
<head>
    <title>3.4.1</title>
    <script type="text/javascript">
        var video;
        var img;
        function init(){
            video = document.getElementById("MyVideo");
            video.style.position = "absolute";
            video.style.width = "400px";
            video.style.height = "300px";
            video.style.left = "50px";
            video.style.top = "50px";
            img = document.getElementById("MyImg");
            img.style.position = "absolute";
            img.style.width = "340px";
            img.style.height = "160px";
            img.style.left = "80px";
            img.style.top = "120px";
            img.style.zIndex = 2;
            img.hidden = true;
        }

        function showImg(flag){
            img.hidden = flag;
        }
    </script>
</head>
<body>
    <video id="MyVideo" loop autoplay="true" src="movie.mp4" controls="controls" onpause="showImg(false);"></video>
    <img id="MyImg" src="MyImg.png" />
</body>
</html>
当然可以让img大小更大,完全遮住播放界面

已有 1 人评分论坛币 收起 理由
充实每一天 + 50 精彩帖子

总评分: 论坛币 + 50   查看全部评分

您需要登录后才可以回帖 登录 | 我要注册

本版微信群
jg-xs1
拉您进交流群
GMT+8, 2026-1-12 06:31