zoukankan      html  css  js  c++  java
  • 在html5中嵌入视频

    在网页中嵌入视频:

    用video

    播放控件:

    加入controls属性

    自动播放:

    加入autoplay属性,chrome浏览器并不会自动播放,但静音后可以自动播放

    静音播放:

    加入muted属性

    <!DOCTYPE>
    <html>
    <head>
    	<meta charset="utf-8">
    </head>
    <body>
    	<video src="img/d.mp4" width="544" height="960" controls autoplay muted>非常抱歉</video>
    </body>
    </html>
    

    视频预加载:

    preload属性,有三个属性,分别为

    • auto:让浏览器尽快加载视频
    • metadata:加载视频的元数据,比如视频的宽度、高度、第一帧影像、视频的总长度等等,
    • none:不会预加载,也就是不会加载任何东西

    封面:

    默认情况下,视频的第一帧影像就是视频的封面,但可以用poster属性来定制封面

    循环:

    加入loop属性,视频会循环播放

    <!DOCTYPE>
    <html>
    <head>
    	<meta charset="utf-8">
    </head>
    <body>
    	<video src="img/d.mp4" width="544" height="960" controls poster="img/a.png" loop>非常抱歉</video>
    </body>
    </html>
    
  • 相关阅读:
    说说那些低级错误
    vue双向数据绑定
    妙用$.extend
    写一个限制执行次数的函数
    强类型语言不好的地方,比如这样:
    form表单里的坑
    Java Day 09
    Java Day 08
    Java Day 07
    Java Day 06
  • 原文地址:https://www.cnblogs.com/fate-/p/14413002.html
Copyright © 2011-2022 走看看