Html Video显示页面加载控件

Question

我希望我的视频对象能够在页面加载时显示控件，因此用户可以识别出它是视频播放器。我使用的是HTML5视频代码，目前仅适用于Chrome，但我需要它才能与IE合作。

<video poster="/pictures/Video01-Preview.png" preload="none" controls="controls">
    <source src="/download/Video01.mp4" type="video/mp4">
</video>

Answer 1

尝试为视频提供绝对路径

Answer 2

如果您对任何解决方案都不苛求，我建议您使用video js作为最佳解决方案。简单，工作正常。

还有TEST您的浏览器支持与否

Answer 3

我发现如果禁用视频的预加载设置，即使设置了controls属性，控件也不会在页面加载时显示。因此，解决方案是删除预加载设置，并希望用户的浏览器预加载视频，用户将要观看它或浏览器不会预加载它。

<video poster="/pictures/Video01-Preview.png" preload="none" controls="controls">
   <source src="/download/Video01.mp4" type="video/mp4">
</video>