媒体自动播放

前端 javascript

字数统计: 132阅读时长: 1 min

 2020/12/28   Share

媒体自动播放

设置必要属性

需要给 <audio> 或 <video> 设置 muted、playsinline、preload 属性，如下图所示：

绑定点击事件

为 <audio> 或 <video> 绑定点击事件，事件执行媒体标签自生的 play()函数，并在页面完成渲染的时候触发媒体标签的点击事件，实现自动播放。

缺点

<video> 是视频，静音播放没有什么问题，但是 <audio> 是音频，静音播放可能就难受了

原文作者：DayDay

原文链接：https://trcat.github.io/2020/12/28/%E5%AA%92%E4%BD%93%E8%87%AA%E5%8A%A8%E6%92%AD%E6%94%BE/

发表日期：December 28th 2020, 8:32:22 pm

更新日期：December 13th 2021, 10:35:58 pm

Next Post

IcoMoon初体验
Previous Post

如何判断当前页面是否被 iframe 标签引用

CATALOG

1. 媒体自动播放



缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是archer根目录）执行以下命令：
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置：

jsonContent:
  meta: false
  pages: false
  posts:
    title: true
    date: true
    path: true
    text: false
    raw: false
    content: false
    slug: false
    updated: false
    comments: false
    link: false
    permalink: false
    excerpt: false
    categories: true
    tags: true