前端学习之音视频及其谷歌浏览器无法自动播放的解决方法(3)

这篇具有很好参考价值的文章主要介绍了前端学习之音视频及其谷歌浏览器无法自动播放的解决方法(3)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

一、音视频的应用:

 二、谷歌浏览器音视频无法播放的解决方法

方法1:在代码中敲入下图中的js代码

方法2:网站设置


一、音视频的应用:

在vscode中敲入

js 谷歌浏览器音频自动播放,HTML+CSS+JS,学习,前端,html,html5

 打开浏览器,音视频自动播放。

js 谷歌浏览器音频自动播放,HTML+CSS+JS,学习,前端,html,html5

 二、谷歌浏览器音视频无法播放的解决方法

方法1:在代码中敲入下图中的js代码

<script type="text/javascript">
    window.onload = function(){
          
   
             setInterval("toggleSound()",1);
        }

    function toggleSound() {
          
   
                var music = document.getElementById("music");//获取ID  
                if (music.paused) {
          
    //判读是否播放  
                    music.paused=false;
                    music.play(); //没有就播放 
                }    
        }
</script>

给音频设置一个id,用方法实现自动播放:

js 谷歌浏览器音频自动播放,HTML+CSS+JS,学习,前端,html,html5

 点击一下页面音频就自动播放了。

方法2:网站设置

点击网站设置,

js 谷歌浏览器音频自动播放,HTML+CSS+JS,学习,前端,html,html5

 点击更多内容设置中的声音选项,将网址添加上即可自动播放音频

js 谷歌浏览器音频自动播放,HTML+CSS+JS,学习,前端,html,html5

 内容如有错误,欢迎大家在评论区指出,谢谢各位的浏览。文章来源地址https://www.toymoban.com/news/detail-770020.html

到了这里,关于前端学习之音视频及其谷歌浏览器无法自动播放的解决方法(3)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 浏览器自动播放音视频-前端实现方案

    目录 前言 浏览器自动播放策略 策略详情: 实现方案  方案1: 互动后播放 方案2: 互动后出声 总结 在开发中可能有遇到这样的需求,当用户打开页面后,需要自动播放视频或音频,按理说那就打开页面时play()一下不就搞定了吗,但实际情况很明显不是,不然也没得这篇文

    2024年02月04日
    浏览(62)
  • 前端(angular)在谷歌(chrome)浏览器使用高德地图api定位报错超时geolocation time out ,能定位但不安全的方法

    已知信息整合 正如大家搜到的大佬说的原因是chrome浏览器本身的问题。我换成edge就可以。 高德地图给出的地图定位api的常见问题,这是\\\'另外还有个别浏览器(如google Chrome浏览器等)本身的定位接口是黑洞\\\' 以下是能定位但不安全的方法 连接上了外网谷歌浏览器定位是定位

    2024年01月23日
    浏览(48)
  • edge浏览器插件打包安装到谷歌浏览器上

    没有安装插件的浏览器不能算的上是一个浏览器,众所周知的原因谷歌无法打开,所有也就无法安装谷歌应用商店的插件,但是Edge浏览器是可以安装访问插件,又因为egde浏览器用的是谷歌的内核,所有大部分的Edge浏览器插件在谷歌上一样是可以使用的。下面就来看一下怎么

    2024年02月13日
    浏览(78)
  • 新版edge浏览器读取谷歌浏览器上的历史记录

    上一篇: (3条消息) 新版edge浏览器读取谷歌浏览器上的历史记录_learningbilibili的博客-CSDN博客 https://blog.csdn.net/learningbilibili/article/details/123662218 关于上次的读取历史记录的问题是现在的edge浏览器最近的版本更新后出现了每次启动时从 Google Chrome 导入浏览器数据的功能,而且是

    2024年02月09日
    浏览(66)
  • ChromeDriver | 谷歌浏览器驱动下载地址 及 浏览器版本禁止更新

    在使用selenoum时,需要chrome浏览器的版本和chrome浏览器驱动的版本一致匹配,才能进行自动化测试 国内可以搜到的谷歌浏览器下载地址里面最新的驱动器只有114版本的 CNPM Binaries Mirror 在其他博主那找到了最新版本12X的谷歌驱动器下载地址,里面有最新的版本:Chrome for Testin

    2024年02月21日
    浏览(109)
  • selenium-webdriver调用谷歌浏览器和火狐浏览器

    nodejs selenium-webdriver 操作文档 https://www.npmjs.com/package/selenium-webdriver 1.调用谷歌浏览器 2.调用火狐浏览器 下面设置了一些选项 ​ 需要设置环境变量,在CMD中firefox可以打开浏览器 否则报错 Expected browser binary location, but unable to find binary in default location, no \\\'moz:firefoxOpti  

    2024年02月02日
    浏览(80)
  • 谷歌浏览器打不开

    谷歌浏览器打不开 提示“应用程序无法启动,因为应用程序的并行配置不正确…”,现在services.msc里设置Windows Modules Installer启动类型为自动,启动,重启电脑。再在360软件管家里安装Microsoft Visual C++运行库合集。然后重新注册dll文件:以管理员身份运行命令提示符,输入如下

    2024年02月12日
    浏览(47)
  • 免费 Selenium各大浏览器驱动【谷歌chrme、火狐Firefox、IE浏览器】

    aardio群 625494397 废话不多说 直接开整! 竟然还有脸收费 服了 下载对应版本的浏览器驱动 目标网址 应用场景 Selenium库涉及到 安装selenium库 下载对应浏览器驱动 找到浏览器对应版本 最后直接上代码

    2024年02月16日
    浏览(75)
  • chrome谷歌浏览器历史版本

    分享一个可下载谷歌浏览器所有历史版本的链接 chrome历史版本,点击下载 查看浏览器版本 打开浏览器控制台,输入 navigator.appVersion 并回车 如图所示: 浏览器版本为92

    2024年02月09日
    浏览(82)
  • 谷歌浏览器调试vue项目

    前言          众所周知,在项目过程中我们常常遇到的一个问题就是本地调试的时候没问题但是发布到线上的时候就不行了。在时间充裕的情况下,我们当然可以慢慢调试,但是那是不可能的。在线上遇到问题时,难免会倍感压力和焦虑,这个时候就有必要强化前端的调试能力了

    2024年02月03日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包