我目前正在尝试使用HTML5视频标签将视频嵌入到我的网站中。该视频当前托管在Google Cloud Storage上。
在我的网站(http://timothycdavis.co.uk/sample-page/)上,我目前嵌入了两个具有相同代码的视频。这两个视频都存储在Google Cloud Storage中,一个视频(我不会播放),另一个是本教程https://weasel.firmfriends.us/HTMLVideoFromCloud/中的视频。
出于某种原因,不是我的视频可以在包括Apple设备在内的所有设备上正常播放,但是我的视频却不能在Apple设备上播放。
我的视频当前已启用公共访问权限。不确定为什么不会播放。
我的代码是:
<div class="hero">
<video class="afterglow" id="welcome-video" width="1920" height="1080" autoplay controls="true" controlsList="nodownload" webkitallowfullscreen mozallowfullscreen allowfullscreen poster="https://cdn.shopify.com/s/files/1/0063/4798/0911/files/The_Experience_Placeholder.jpg?13027813379739663262">
<source src="https://storage.googleapis.com/hubert-raymond-webpage/sintel-short.mp4" type="video/mp4" />
</video>
</div>
<div class="hero">
<video class="afterglow" id="welcome-video" width="1920" height="1080" autoplay controls="true" controlsList="nodownload" webkitallowfullscreen mozallowfullscreen allowfullscreen poster="https://cdn.shopify.com/s/files/1/0063/4798/0911/files/The_Experience_Placeholder.jpg?13027813379739663262">
<source src="https://storage.googleapis.com/stewart-golf/follow-mode-cut-video.mp4" type="video/mp4" />
</video>
</div>
非常感谢您的帮助。