来自Google Cloud的HTML 5视频无法在Apple设备上播放

时间:2018-11-15 13:57:59

标签: ios iphone html5 video google-cloud-platform

我目前正在尝试使用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>

非常感谢您的帮助。

0 个答案:

没有答案