问题

使用video.js播放视频，如果集成在iframe中，无法自动播放，如何解决呢？其实很简单，设置下 allow=“autoplay” ，如下所示：

<iframe src="test.html" width="640" height="360" style="border:0" allow="autoplay" allowfullscreen></iframe>

liveplayer

为了方便用户的集成，我们将videojs的功能通封装成播放器 liveplayer。liveplayer集flv.js,rtmp,hls,websocket与一身。

具体调用方式和使用方法见链接：https://www.npmjs.com/package/@liveqing/liveplayer

video.js在iframe中如何解决无法自动播放问题的更多相关文章

  1. js打印Iframe中的内容，并且不需要预览。

    js打印Iframe中的内容,并且不需要预览 js代码如下: <script type="text/javascript" language="Javascript ...

  2. js 获取iframe中的元素

    今天要修改编辑器插件中的元素遇到的问题 jquery 在父窗口中获取iframe中的元素 1.Js代码 格式:$("#iframe的ID").contents().find(&qu ...

  3. Blazor组件自做十三: 使用 Video.js 在 Blazor 中播放视频

    Video.js 是一个具有大量功能的流行的视频和音频 JavaScript 库,今天我们试试集成到 Blazor . Blazor VideoPlayer 视频播放器 组件 示例 https://b ...

  4. js获取iframe中的元素以及在iframe中获取父级的元素（包括iframe中不存在name和id的情况）

      第一种情况:iframe中不存在name和id的方法:(通过contentWindow获取) var iframe = document.getElementsByTagName('iframe' ...

  5. video.js 苹果手机设置了currentTime却还是从头播放？

    最近在项目(方案大赛)中需要保存学习进度,用户再打开页面时会从上次的视频进度继续观看.我们使用了video.js,在PC浏览器和安卓手机上均可以跳转,但是苹果手机很顽固的从头开始了呢-- 后来我们在 ...

  6. 解决在微信中部分IOS不能自动播放背景音乐

    前言在做各种HTML5场景页面的时候,插入背景音乐是一个很普遍的需求.我们都知道,IOS下的safari是无法自动播放音乐的,以至一直以来造成一种错误的认识,iso是无法自动播放媒体资源的.直到微信火 ...

  7. iphone在微信中audio 音频无法自动播放

    问题: Html5的audio 音频在电脑端和android端都可以实现自动播放,在iphone上无法实现,下面针对的是微信浏览器里面的解决方法 html代码: <div id="au ...

  8. audio解决不能自动播放问题

    问题描述 无法实现打开网页就能自动播放音乐 正常情况下使用autoplay即可实现自动播放,但是现在打开网页该参数无效 原因分析: 根据最新的规范,Chrome系浏览器,没有交互过的网站默认禁止自动播 ...

  9. js获取iframe中的元素

    var obj=document.getElementById("iframe的name").contentWindow; var ifmObj=obj.document.getE ...

  10. session失效刷新后登录页面嵌入在iframe中的解决办法

    在login页面中添加以下一段代码:   var _topWin = window;  while (_topWin != _topWin.parent.window) {       _topWin ...

随机推荐

  1. 11.Java SDK源码分析系列笔记-Hashtable

    目录 1. 是什么 2. 如何使用 3. 原理分析 3.1. uml 3.2. 构造方法 3.3. put方法 3.3.1. 使用synchronized加锁 3.3.2. 计算key落在entry数 ...

  2. 尚硅谷Vue2.0+3.0的笔记资料(cli开始)

    笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── a ...

  3. C# 调用 WebServices Api接口 WSDL 通过WebResponse 请求

    https://www.cnblogs.com/Sheldon180621/p/14498646.html 方法一.引用*.wsdl文件 WebService服务端会提供wsdl文件,客户端通过该文件 ...

  4. visual studio 推送项目上自己的github账户报错

    https://blog.csdn.net/weixin_43129574/article/details/104753639?utm_medium=distribute.pc_aggpage_sea ...

  5. ABC408

    距离 AK 最近的一次,死因是没搜出 G 题原题. A - Timeout \(T_{0}=0\),然后对于 \(i\in [1,n]\) 依次检查是否存在 \(T_i-T_{i-1}>S\), ...

  6. 技术纯小白零基础用Win系统搭建Claude Code教程

    项目背景 听说Claude很好用,同时看见Anyrouter有免费赠送100美金额度的活动(https://anyrouter.top/register?aff=1qUq领取地址),萌生了试用的想法. ...

  7. Python字符串处理技巧全解析

    还在为处理文本数据头疼? 据统计,Python开发者70%的日常编码都在和字符串打交道! 本文详解Python字符串操作核心技巧:- ️ 字符串切片与拼接的隐藏技巧- 文本查找替换的实战方法- 数据清 ...

  8. Django 实战：I18N 国际化与本地化配置、翻译与切换一步到位

    一.国际化与本地化介绍 定义 国际化和本地化的目标,是允许一个单一的 Web 应用程序以适合受众的语言和格式提供其内容. Django 提供了完整的国际化(i18n)和本地化(l10n)支持. 国际化 ...

  9. SciTech-Mathmatics-Probability+Statistics-数学专业社区(math.stackexchange.com/questions) + examples of "a set of distributions indexed by a parameter"

    Sampling Distribution Could some give an examples of "a set of distributions indexed by a param ...

  10. linux操作系统中rpm离线包的下载和安装--九五小庞

    前言 在Linux操作系统中当需要安装相关程序包时,如果有网络的情况下,可以直接通过yum源命令直接进行下载安装,比较简单方便.但是在没有互联网的情况下,需要下载对应的rpm包,进行离线安装. 1.下 ...