• HTML5多媒体组件的使用


    autoplay

    autoplay

    如果出现该属性,则视频在就绪后马上播放。

    controls

    controls

    如果出现该属性,则向用户显示控件,比如播放按钮。

    height

    pixels

    设置视频播放器的高度。

    loop

    loop

    如果出现该属性,则当媒介文件完成播放后再次开始播放。

    preload

    preload

    如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。

         

    poster

    图片地址

    置显示默认图片,而不是视频的第一帧。

    src

    url

    要播放的视频的 URL。

    width

    pixels

    设置视频播放器的宽度。

    方法

    描述

    addTextTrack()

    向音频/视频添加新的文本轨道(没有浏览器支持)

    canPlayType()

    检测浏览器是否能播放指定的音频/视频类型

    load()

    重新加载音频/视频元素

    play()

    开始播放音频/视频

    requestFullscreen()

    全屏。

    webkit内核:webkitRequestFullScreen()

    moz内核:mozRequestFullScreen()

                 

    document.exitFullscreen

    退出全屏。

    webkit内核:webkitCancelFullScreen()

    moz内核:mozCancelFullScreen()

    pause()

    暂停当前播放的音频/视频

    属性

    描述

    audioTracks

    返回表示可用音轨的 AudioTrackList 对象

    autoplay

    设置或返回是否在加载完成后随即播放音频/视频

    buffered

    返回表示音频/视频已缓冲部分的 TimeRanges 对象

    controller

    返回表示音频/视频当前媒体控制器的 MediaController 对象

    controls

    设置或返回音频/视频是否显示控件(比如播放/暂停等)

    crossOrigin

    设置或返回音频/视频的 CORS 设置

    currentSrc

    返回当前音频/视频的 URL

    currentTime

    设置或返回音频/视频中的当前播放位置(以秒计)

    defaultMuted

    设置或返回音频/视频默认是否静音

    defaultPlaybackRate

    设置或返回音频/视频的默认播放速度

    duration

    返回当前音频/视频的长度(以秒计)

    ended

    返回音频/视频的播放是否已结束

    error

    返回表示音频/视频错误状态的 MediaError 对象

    loop

    设置或返回音频/视频是否应在结束时重新播放

    mediaGroup

    设置或返回音频/视频所属的组合(用于连接多个音频/视频元素)

    muted

    设置或返回音频/视频是否静音

    networkState

    返回音频/视频的当前网络状态

    paused

    设置或返回音频/视频是否暂停

    playbackRate

    设置或返回音频/视频播放的速度

    played

    返回表示音频/视频已播放部分的 TimeRanges 对象

    preload

    设置或返回音频/视频是否应该在页面加载后进行加载

    readyState

    返回音频/视频当前的就绪状态

    seekable

    返回表示音频/视频可寻址部分的 TimeRanges 对象

    volume

    声音的大小

    seeking

    返回用户是否正在音频/视频中进行查找

  • 相关阅读:
    Git(一):基础调用
    Vue(一):使用Vue创建项目并发布
    mysql用户与权限
    跨域理解及常用解决方案
    Ajax简单用法
    冒泡排序算法
    委托使用方式
    How to: Add the Analyze Action to List Views 如何:将分析按钮添加到列表视图
    How to:Customize Action Controls 如何:自定义按钮控件
    How to: Customize the New Action's Items List 如何:自定义新按钮的项目列表
  • 原文地址:https://www.cnblogs.com/blesstian/p/6486846.html
Copyright © 2020-2023  润新知