パソコンスクールのオンラインレッスンにて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.
Allan Jones wrote:
You may find using the Chinese-language Apple Communities easier than posting in the English-language version.
官方 Apple 支持社区
?
I trust this is not meant to be insulting; maybe merely a cultural bias on your part...
The translation was posted above if it helps urging towards insight or a resolve.
You can visit the Japanese community and see for yourself post and answers are far a few between compared to the English version of the communities here.
Leroy,
No ill intended at all; I am always glad to encounter others not like me. I messed up.
I erred in a) being distracted and less attentive—I should have waited, and b) being clumsy in getting the wrong link from a forum list I have bookmarked.
Billy C. Robinson,
I apologize for posting incorrect and misleading information. That runs counter to why I am here and was uncalled for. I was wrong to post when distracted. I am sorry.
Allan
SafariとChromeでvideoタグでビデオを自動再生できない
