美文网首页
7,多媒体

7,多媒体

作者: 明镜高悬_51a8 | 来源:发表于2018-02-15 19:12 被阅读0次

1,视频标签


1,<video >

<source src=""></source>

</video>

src: 告诉video标签需要播放的视频地址

autoplay: 告诉video标签是否需要自动播放视频

controls: 告诉video标签是否需要显示控制条

poster: 告诉video标签视频没有播放之前显示的占位图片

loop: 告诉video标签循环播放视频. 一般用于做广告视频

preload: 告诉video标签预加载视频, 但是需要注意preload和autoplay相冲, 如果设置了autoplay属性, 那么preload属性就会失效

muted:告诉video标签视频静音

width/height: 和img标签中的一模一样

 

2,audio音频标签和视频一样,除了height/width/poster不能使用

3,滚动标签


1,<marquee>内容</marquee>

direction: 设置滚动方向 left/right/up/down

scrollamount: 设置滚动速度, 值越大就越快

loop: 设置滚动次数, 默认是-1, 也就是无限滚动

behavior: 设置滚动类型 slide滚动到边界就停止, alternate滚动到边界就弹回

2,虽然不是官方推荐但是浏览器支持挺好。


相关文章

  • 7,多媒体

    1,视频标签 1, src: 告诉video标签需要播放的视频地址 autoplay: 告诉video标签是否需要...

  • 7多媒体技术

    基本概念 媒体分类 声音 图像 多媒体计算 多媒体标准 JPEG和MPEG 数据压缩

  • 「DOM 编程」多媒体(视频与音频)

    多媒体基本用法多媒体支持类型多媒体格式兼容HTML 属性控制多媒体多媒体相关事件Web Audio API 多媒体...

  • 多媒体教学环境下的历史与社会学科教学(许锴杰)

    一、多媒体理论 (一)什么是多媒体、多媒体的应用 (二)多媒体教学的有关理论 (三)多媒体学习原则 1多媒体原则 ...

  • HTML5教程

    3/7/2017 7:10:13 PM 什么是html 5? html 5是拥有新的语义、图形及多媒体元素,专门为...

  • day7-多媒体标签

    video标签--H5中标志性标签 1.什么是video标签作用:播放视频 2.格式 3.属性1️⃣autopla...

  • 2018-10-27

    多媒体技术的概念与应用 知识点 多媒体的概念 多媒体的应用 一、 多媒体的概念 (一) 媒体、多媒体技术 1. 媒...

  • 多媒体技术

    【第一章】多媒体技术概述 什么是媒体? 什么是多媒体? 多媒体的类型有哪些? 多媒体技术的定义是什么? 多媒体计算...

  • HTML媒体

    HTML多媒体 Web 上的多媒体指的是音效、音乐、视频和动画。 什么是多媒体? 多媒体来自多种不同的格式。它可以...

  • HTML学习笔记2

    HTML 多媒体 Web 上的多媒体指的是音效、音乐、视频和动画 多媒体格式 格式 多媒体元素(比如视频和音频)存...

网友评论

      本文标题:7,多媒体

      本文链接:https://www.haomeiwen.com/subject/mpjutftx.html