視頻src標籤不能在鉻上工作，但在mozilla上工作正常

-2

我正在製作此視頻在Chrome瀏覽器上自動播放，但它不工作。它在Mozilla視頻src標籤不能在鉻上工作，但在mozilla上工作正常

<div id="dialog" style="display: none" align = "center"> 
    <video autoplay="autoplay" controls="controls" poster width="600" height="340"> 
    <source src="https://holisticneurodevelopment.com/wp-content/uploads/2017/10/Directions-0-jWvIA2RoWs_beta.webm" type="video/webm"> 
    <source src="https://holisticneurodevelopment.com/wp-content/uploads/2017/10/Directions-0-jWvIA2RoWs_beta.mp4" type="video/mp4"> 

    Your browser does not support the video tag. 
    </video> 
</div> 
<div id="dialog2" style="display: none" align = "center"> 
    <video autoplay loop preload="auto" poster width="600" height="340" > 
    <source src="https://holisticneurodevelopment.com/wp-content/uploads/2017/10/Directions-0-jWvIA2RoWs_beta.webm" type="video/webm"> 
    <source src="https://holisticneurodevelopment.com/wp-content/uploads/2017/10/Directions-0-jWvIA2RoWs_beta.mp4" type="video/mp4"> 

    Your browser does not support the video tag. 
    </video> 
</div>

工作正常，他們都無法在Chrome工作請幫助

來源

2017-10-11 Honey Singh

可以請你糾正你的問題嗎？ –

對不起，Chrome上的自動播放功能無法正常工作，在mozilla上工作正常 –

Chrome會阻止自動播放視頻，我認爲這是一件好事情...用於將聲音放入iframe中的廣告商。很煩人！爲了自動播放視頻，您必須將視頻靜音或者在某些用戶交互事件中播放。您需要構建一個洞SPA應用程序，以便在切換頁面/視頻時獲得類似YouTube的自動播放功能。 – Endless

及其對我的Chrome時我禁用顯示：在沒有你的造型。這裏是我的代碼

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<title>Page Title</title> 
 
</head> 
 
<body> 
 

 
<div id="dialog" style="display: one" align = "center"> 
 
    <video autoplay="autoplay" controls="controls" poster width="600" height="340"> 
 
    <source src="https://holisticneurodevelopment.com/wp-content/uploads/2017/10/Directions-0-jWvIA2RoWs_beta.webm" type="video/webm"> 
 
    <source src="https://holisticneurodevelopment.com/wp-content/uploads/2017/10/Directions-0-jWvIA2RoWs_beta.mp4" type="video/mp4"> 
 

 
    Your browser does not support the video tag. 
 
    </video> 
 
</div> 
 
<div id="dialog2" style="display: one" align = "center"> 
 
    <video autoplay loop preload="auto" poster width="600" height="340" > 
 
    <source src="https://holisticneurodevelopment.com/wp-content/uploads/2017/10/Directions-0-jWvIA2RoWs_beta.webm" type="video/webm"> 
 
    <source src="https://holisticneurodevelopment.com/wp-content/uploads/2017/10/Directions-0-jWvIA2RoWs_beta.mp4" type="video/mp4"> 
 

 
    Your browser does not support the video tag. 
 
    </video> 
 
</div> 
 

 
</body> 
 
</html>

來源

2017-10-11 21:37:31 vern14

視頻src標籤不能在鉻上工作，但在mozilla上工作正常

回答

相關問題