video.js切换视频源问题小白攻略_视频指南教程

什么要再重新load一下什么替换一下src,没有啥作用,简单粗暴又有效的方法两个重要点一,video的问题,单单替换source的src是不行的,简单明了重新替换整个video标签,将video用js重新替换一遍,更改src二,video.js插件的问题,var myPlayer = videojs(‘my-video‘,{}
myPlayer.src(sr

video.js切换视频源问题小白攻略

什么要再重新load一下什么替换一下src,没有啥作用,简单粗暴又有效的方法

video.js切换视频源问题小白攻略_视频指南教程

两个重要点

var myPlayer = videojs(‘my-video‘,{}
myPlayer.src(src)
myPlayer.load(src)

我看网上有人这么写,你不销毁上一个video.js实例,又创建了一个,页面会不错乱?不产生两个video?我是用不了

解决方案myPlayer.dispose()麻烦先销毁一下实例,再去创建新的,每个人的问题都不一样,别人遇到的解决方法终究只能给个思路

海计划公众号
(1)
上一篇 2020/03/22 20:50
下一篇 2020/03/22 20:50

您可能感兴趣的内容

  • CSS并不是真正的编程语言指南攻略_编程使用帮助

    每隔几个月就会出现一篇文章表明:CSS并不是真正的编程语言。以编程语言的标准来说,CSS过于困难。使用这门语言会很有创造性:人们对CSS有一些强烈的情愫。— Dave Rupert (@davatron5000) [September 18, 2017]事实确实如此,CSS不同于传统的编程,且具有缺陷,同任何标准化编程语言相比,使用起来都更为困难。这是由于C

    2020/03/30
  • Webpack安装配置及打包详细过程小白知识_打包入门百科

    引言前端经过漫长的发展,涌现出了很多实践方法来处理复杂的工作流程,让开发变得更加简便,其中,模块化可以使复杂的程序细化成为各个小的文件,而webpack并不强制你使用某种模块化方案,而是通过兼容所有模块化方案让你无痛接入项目,本文详细介绍webpack安装配置及打包的详细过程。Webpack简单介绍本质上,webpack 是一个现代 JavaScript 应

    2020/03/26
  • 使用FileSave.js将网页内容保存到文件使用帮助_文件菜鸟教程网

    在写Chrome extension时候,偶尔需要将网页的内容保存到文件。要实现此功能,正常的流程是创建Blob对象存放内容,创建url,创建一个 a 标签,然后将连接与Blob对象关联并放到 a标签的href或者download(H5)属性中。具体参照Stack Overflow方案。然而,有人已经将保存文件的功能封装好了,可以很方便的保存各种类型的文件。

    2020/03/24
  • react-datasheet小白常识_类似 Excel 数据表格的 react 组件

    react-datasheet小白常识 官方网址:https://nadbm.github.io/react-datasheet/ GitHub:https://github.co…

    2020/03/06
  • 作为一个web前端工程师,要不断的深入自己的技能小白基础_工程师新手入门

    现在,前端工程师终于前所未有的在Web中占有了一席之地。随着多设备、浏览器和Web标准的演变革命,前端正在成为兼顾逻辑、性能、交互、体验的综合性岗位。虽然现在互联网行业普遍缺少Web前端工程师,但是我们相信越来越多的人将会加入Web前端的大军。不仅是因为大多数Web前端工作提供的优渥薪水和办公环境,也是因为Web前端编程变得越来越有挑战和意义。那么,如何成为

    2020/03/31
  • Bootstrap-waterfall使用帮助一款基于Bootstrap仿Pinterest网站的网格瀑布流插件

    Bootstrap-waterfall基础入门 官方网址:https://mystist.github.io/bootstrap-waterfall/ GitHub:https:/…

    2020/03/05
  • galleria基础教程_JavaScript图片库

    galleria基础教程 官方网址:http://galleria.io GitHub:https://github.com/worseisbetter/galleria 简介描述…

    2020/03/06
  • Js中nodevalue返回的是什么?入门基础知识_节点入门知识

    在JavaScript中,nodeValue属性用于根据节点的类型设置或返回节点的值,该属性的值取决于节点的类型(nodeType)。下面本篇文章就来给大家介绍一下nodeValue属性,希望对大家有所帮助。语法设置节点值:node.nodeValue=value返回节点值:node.nodeValue返回值:返回一个字符串,表示当前节点本身的文本值。节点值

    2020/03/20
  • Js数组方法三板斧,100%的开发都得知道小白基础_数组入门教程

    在该文中,将介绍以下三种方法:1. join()方法2. split()方法3. sort()方法为什么每个JavaScript开发人员都要知道这些方法?因为数组是代码中的重要元素,而这些方法可以让代码更优雅和更具代表性。在没有这些方法的情况下也可以运行项目,但为此必须编写不必要的代码行,而这些代码行原先就没有用处。那就开始吧,首先了解一下 join() 和

    2020/03/29
  • rsuite基础知识入门_一套基于 React 开发的 UI 组件库

    rsuite基础知识入门 官方网址:https://rsuitejs.com GitHub:https://github.com/rsuite/rsuite 简介描述:一套基于 R…

    2020/03/06
  • html5新媒体播放器标签embed、object新手入门_标签使用说明

    html5里的一些新的标签,看到里面object、embed、video、audio都可以添加视频或音频文件。其中embed是针对非IE的浏览器的媒体播放器,video是html5出的一种新标准,但并不是所有的浏览器都支持。video虽然号称可以支持三种媒体类型,但常用的只有mp4。像object,和embed是都可以用来播放视频和音频,而且他们展示效果基本

    2020/03/30
  • 获取鼠标位置(区分event对象中的 clientX、offsetX、screenX、pageX )小白教程_鼠标菜鸟教程

    作用:都是用来获取鼠标的位置clientX clientYevent.clientX
    event.clientYclient直译就是客户端,客户端的窗口就是指游览器的显示页面内容的窗口大小(不包含工具栏、导航栏等等)。event.clientX、event.clientY就是用来获取鼠标距游览器显示窗口的长度。兼容性:IE和主流游览器都支持。offsetX

    2020/03/23
  • form表单input回车提交问题基础知识_表单基础知识

    问题:文本框输入完成后点击回车页面刷新。问题出在form上,当表单中只有一个文本框的时候获取焦点并点击回车之后会提交表单内容,就会发生刷新事件。解决方法:1、增加一个隐藏的输入框增加了一个隐藏的输入框之后,表单的文本框不再是唯一的,回车不会触发提交事件2、去掉输入框的回车事

    2020/03/23
  • 如何在Git提交大小写敏感的文件小白指南_git小白攻略

    如何在Git提交大小写敏感的文件小白指南 背景 下午在搞代码部署的时候, 遇到一个文件大小写的问题, 问题比较简单, 但是也简单整理下, 分享给大家。 正文 下午在搞代码部署的时候…

    2020/03/20
  • 技术编程人员成长的 9 个段位使用攻略_编程基础知识入门

    很多人都问,技术人员如何成长,每个阶段又是怎样的,如何才能走出当前的迷茫,实现自我的突破。所以我结合我自己 10 多年的从业经验,总结了技术人员成长的 9 个段位,希望对大家的职业生涯,有所帮助。第一段刚接触编程的时候,会觉得这是个很神奇东西,平淡的英文字母,再加上标点符号,竟然可以有这么大魔力。会觉得编程是很有自豪感的事情,因为在我们看来,它就是在创造,用

    2020/03/20
  • 如何测试网页的登录页面?攻略教程_测试入门指南

    具体需求: 有一个登陆页面, 上面有2个textbox, 一个提交按钮。 请针对这个页面设计30个以上的test case.此题的考察目的: 面试者是否熟悉各种测试方法,是否有丰富的Web测试经验, 是否了解Web开发,以及设计Test case的能力,这个题目还是相当有难度的, 一般的人很难把这个题目回答好。功能测试(Function test)输入正确

    2020/03/26