1. 程式人生 > >蘋果mac系統下瀏覽器video無法自動播放問題

蘋果mac系統下瀏覽器video無法自動播放問題

我們在做手機Android/iOS開發的時候,聲音一般都是無法自動播放的,桌面PC版的Safari瀏覽器在2017年也宣佈禁止帶有聲音的多媒體自動播放功能,後來谷歌釋出了最新的Chrome 66瀏覽器也禁止了聲音自動播放,也就是說video的autoplay自動播放屬性在桌面版的瀏覽器也將失效。

<video autoplay>
    <source src="video/hqc.mp4" type="video/mp4">
</video>

所以這個問題的關鍵原因就是瀏覽器不允許帶有聲音的多媒體自動播放,如果一定要自動播放,是不是可以讓沒有聲音的多媒體自動播放呢。因此,在video上就有一個muted屬性,muted就是多媒體靜音的屬性。

<video autoplay muted>
    <source src="video/hqc.mp4" type="video/mp4">
</video>

原理就是先把音訊加一個muted的屬性就可以自動播放,然後再顯示一個聲音被關掉的按鈕,提示使用者點一下開啟聲音。

這樣就可以決絕video不能自動播放的問題。

相關推薦

蘋果mac系統瀏覽器video無法自動播放問題

我們在做手機Android/iOS開發的時候,聲音一般都是無法自動播放的,桌面PC版的Safari瀏覽器在2017年也宣佈禁止帶有聲音的多媒體自動播放功能,後來谷歌釋出了最新的Chrome 66瀏覽器也禁止了聲音自動播放,也就是說video的autoplay自動

Mac系統eclipse中的自動程式碼提示

Mac系統下eclipse的自動程式碼提示 有時候用eclipse會遇到程式碼提示突然間沒有了,下面我就自己試驗了下,大家一起來學習學習,有不對的呢,希望大家不吝賜教!!  下面圖文合併給大家分享

蘋果mac系統cocos2d android和ios含NDK開發環境搭建 安裝說明20161129

mac系統上搭建android cocos2d環境 包括NDK等 一、工具 不能用中文路徑或放在中文路徑下 1.這不用下載:android sdk映象 https://dsx.bugly.qq.com/repository/1 更新android sdk 4.4.2

video無法自動播放以及不能根據父元素自適應大小

1、video添加了autoplay="autoplay"後還是不能自動播放,查閱資料後,在標籤內新增 muted,親測有效 <video src="video/pic_1536759760%20(1).mp4" muted autoplay="autoplay" s

mac系統使用sapjco導致maven中依賴的jar包無法引入

昨天,由於工作需要,需要去接觸另一個專案,這個專案在我剛來公司的時候做過一個小的功能,之後就沒有再接觸過,就在昨天需要重新搞一個東西出來,但是發現專案執行不起來,jar包都引入不了,經過一番摸索也是毫無頭腦,只知道問題表現形式,但是找不到問題的原因。 問了下同事,同事竟然也

mac系統如何安裝win7虛擬機?

mac系統下安裝win7虛擬機 arallels Desktop for Mac mac系統下安裝win7虛擬機?運行Parallels Desktop for Mac,進入“新建虛擬機”向導,提供兩種系統安裝模式:“安裝Windows或其它操作系統”或“從PC遷移Windows”,這裏選擇“安

Mac系統安裝ipython分別支持python2和python3

python cnblogs rip fff tro -c 我們 usr sta 操作系統:Mac10.11.5 python2.7.13 python3.6.1 安裝python2: brew install python 安裝python3: brew in

解決方式-在Mac系統中,Eclipse無法導入含有中文路徑的project

導入 pan support cati 一行 oct tracking -a ctype 1、改動eclipse.app/Contents/Info.plist。查找 <key>CFBundleExecutable<key>在其上方加入下面

解決Mac系統matplotlib中文顯示方塊問題

packages mce sim ams ttf plot 每次 man ack 一.Mac需要先下載simhei.ttf字體並安裝,之後按照下面步驟首先將simhei.ttf拷貝到~python安裝路徑/site-packages/matplotlib/mpl-data/

mac系統用VMWare安裝ubuntu14.4系統不能上網解決辦法

適配 down ubuntu 4.4系統 inf 添加 war bridge 虛擬 1.shutdown unbuntu虛擬機 2.在虛擬機菜單選擇設置,在設置界面選擇添加設備 3.選擇添加網絡適配器,多添加幾個,讓他們有的NAT模式,有的bridge模式 4.啟動

mac系統安裝、啟動、停止mongodb

src lin onf lis with nod 其他 文字 ans 一. 下載nodejs,安裝,一直到 node -v顯示版本號,表示安裝成功。 二. 本文主要講解,安裝包方式安裝 mongodb,至於其他方式不做介紹。 下載Mongodb後,將Mongodb-3.2.

audio元素和video元素在ios和andriod中無法自動播放

正常 空間大小 jsb pre rom pla mp3 原因 gpo 原因: 因為各大瀏覽器都為了節省流量,做出了優化,在用戶沒有行為動作時(交互)不予許自動播放; /音頻,寫法一 <audio src="music/bg.mp3" autoplay l

##mac系統搭建vue開發環境

gist top mac系統 class javascrip tao blog http registry 1. 首先需要安裝homebrew 2. 再安裝nodejs brew install nodejs 3. 再安裝npm(淘寶鏡像) npm install

2018.4.15 Mac系統如何使用StartUml (同樣適用於windows)

講解 圖表 tools lin 通過 checked rectangle rec 結果 Mac如何使用StartUml (同樣適用於windows) 1.如何畫接口類? 在UML類圖中,接口有2種表示方法 (1)分為兩層,第一層接口名,頂端有<>標識,第二層是接

計算機圖形學-mac系統Xcode中OpenGL開發環境配置。

配置步驟 ctf 註意 posit 圖片 pen ret open 方式 mac系統下Xcode中OpenGL開發環境配置。 這學期有計算機圖形學的課程,需要用到OpenGL,最近著手開始配置開發環境了,老師上課給的安裝包都是基於windows系統的。網上也是window

MAC系統用Idea創建spring boot工程 基於maven

jar包 需要 XML 修改 說明 創建 nis 瀏覽器 group 1、創建項目 打開idea編輯器,選擇file -> new -> project 點擊next 依次填入group,artifact 填寫完成之後再點擊“next” 根據自己的

macOS Mojave 10.14 正式版下載 – 蘋果Mac系統升級程序

智能家居 能夠 備忘錄 hone 桌面 ces 智能 最終 屏幕 Apple在前段時間的WWDC 發布會上宣布了最新的 macOS Mojave 10.14 操作系統,經過一段時間測試之後於9.25日迎來最終的正式版下載。 macOS Mojave 10.14 系統新增了深

macOS Mojave 10.14 正式版下載 – 蘋果Mac系統升級程式

Apple在前段時間的WWDC 釋出會上宣佈了最新的 macOS Mojave 10.14 作業系統,經過一段時間測試之後於9.25日迎來最終的正式版下載。 macOS Mojave 10.14 系統新增了深夜模式介面、桌面檔案自動歸類整理成堆疊、更強大的 Finder 圖片瀏覽、Quick Look 預覽

mac系統nginx的詳細安裝過程及使用(適合新手)

介紹nginx,nginx配置說明,nginx安裝過程,Homebrew安裝及說明,nginx安裝及說明,nginx啟動,重啟,關閉,nginx出錯解決辦法,nginx常用指令及修改 目錄結構       · 前置條件:介紹nginx   &nbs

mac系統vmware安裝虛擬機器linux系統ubuntu

安裝linux系統主要是為了學習linux系統指令 安裝參考網址:https://blog.csdn.net/jackjia2015/article/details/50757430 出現的幾個問題: 莫慌,指的是虛擬機器中,不會對原本的mac系統有任何影響 安裝位置如下: