zoukankan      html  css  js  c++  java
  • 5-5.视频的引入

    视频的引入:

    1.使用的是video双标签,是html5新增的标签,IE8.0之前的版本不支持,用于引入视频文件

    <video src="目标视频文件的路径" controls="controls" autoplay="autoplay" muted="muted" loop="loop" preload="preload" poster="预备播放前显示的目标图片的路径" >视频的引入</video>

    说明:当属性名和属性值一样时,可以只写属性名

    2.src属性:指定视频文件路径,必须要有


    3.controls属性:显示视频播放控件


    4.autoplay属性:视频在就绪后马上播放


    5.loop属性:视频播放结束后重新开始,循环播放


    6.muted属性:视频输出应该被静音


    7.preload属性:页面加载时就开始加载视频,并预备播放.如果使用了“autoplay”属性,preload属性不会生效

    8.poster属性:视频在预备播放前显示的图片,属性值是目标图片的路径

    9.width属性和height属性:设置视频窗口的宽度和高度

    10.video双标签的元素内容用于视频无法正常显示时提示的信息内容,最好也要填写

  • 相关阅读:
    js··事件捕捉
    js中的Call()和apply()
    什么是变量提升?
    什么是作用域? 什么是作用域链?
    什么是原型链?
    js中this是什么?
    Js高级 事件冒泡
    Js高级 事件 对象
    Js高级 部分内容 面向对象
    工作期间的策划案总结(1)
  • 原文地址:https://www.cnblogs.com/yangqian666/p/15509138.html
Copyright © 2011-2022 走看看