背景视频正在iphone移动浏览器上播放屏幕

时间:2017-08-10 10:04:46

标签: css iphone html5 bootstrap-4

我使用html5标签在后台添加了一个视频:

<video autoplay="autoplay" loop="loop" id="bgvid" poster="/assets/food/home/banner.jpg" muted>
    <source src="http://38.89.136.40/videos/eatwedovideo.mp4" type="video/mp4" />
  </video> 

它工作正常,但有时当我们点击背景时,它开始在屏幕上播放,就像正常的视频播放一样,然后我们需要点击完成并从屏幕上消失。 我想只在背景中拍摄此视频,而不是在屏幕上播放。

请建议一种处理此类问题的方法。 感谢

1 个答案:

答案 0 :(得分:0)

使用此链接:

您应该使用css在后台修复视频,请参阅此处:

https://slicejack.com/fullscreen-html5-video-background-css/

演示: http://dev2.slicejack.com/fullscreen-video-demo/index.html