パソコンスクールのオンラインレッスンにてHTML/CSSのレッスンを受講している者です。
主に映像を見ながら操作するのですが、AdobeのDreamweavierにてコーディングしましたが、videoタグで動画が自動再生されず、困ってます。
Safariだけでなく、chromeでも自動再生されません。
行った記述は以下の通りです。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>無題ドキュメント</title>
</head>
<body>
<video src="images/bike.mp4" autoplay loop muted>
<p>このブラウザではビデオを再生できません</p>
</video>
</body>
</html>
SafariでもChromeでも動画を新規タブで開くと再生出来ます。
動画を巻き戻してコーディングを確認しましたが、コードは間違ってませんでした。
MacBook Pro 16″
Billy C. Robinson wrote:
Video Autoplay Not Working with the <video> Tag in Safari and Chrome
I'm a student taking HTML/CSS lessons through an online computer school.
I'm primarily learning by watching videos and following along, but I'm having trouble with video autoplay not working in Adobe Dreamweaver, even though I've coded it correctly using the <video> tag.
This issue occurs in both Safari and Chrome.
The code I used is as follows:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
<video src="images/bike.mp4" autoplay loop muted>
<p>This browser does not support video playback.</p>
</video>
</body>
</html>
The video plays correctly when opened in a new tab in both Safari and Chrome.
it looks to me like that is not a complete path to your video scr....where in the universe is "images/bike.mp4" (?)
Is this a published website....
rhetorical comment: why would you want a video to loop. Does not sound user friendly.
Good luck.
Please note: For you issue with your web site building "DreamWeaver" I would consult their documentation.
For your third party app—if in doubt search the developers website or contact their: Support/Help/FAQ/Known issues/compatibility/updates…
Contact a third-party vendor - Apple Support
Contact a third-party vendor - Apple Support
this is really not community support for website building tutorials.
ref:https://www.w3schools.com/tags/att_video_loop.asp
ref: https://stackoverhttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/video
ref: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/video
ref: https://www.geeksforgeeks.org/html/html-video-loop-attribute/#
You may find using the Chinese-language Apple Communities easier than posting in the English-language version.
SafariとChromeでvideoタグでビデオを自動再生できない
