我有一些奇怪的问题.我尝试创建一个带有循环背景视频的网站.代码看起来像这样:
<video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video>这在大多数浏览器上运行得非常好(IE很难用这个适合对象的东西,但我不介意),但在iPhone上,视频不会自动播放,但在iPad上却可以.我已经阅读了iOS的新政策,我认为我符合要求(否则iPad不会自动播放).我做了一些其他测试:
我做错了还是iPhone根本不会自动播放视频而且总是需要互动？我只关心iOS 10,我知道iOS 9的要求不同
我在HTML5页面中有一个youtube embeded视频链接,我想自动播放.
以下代码适用于浏览器,但在iphone中; 它不工作,需要额外点击.
<iframe type="text/html" width="125" height="100" src="http://www.youtube.com/embed/d_g0251EfB8?autoplay=1" frameborder="0"></iframe>
该怎么办
如何禁用html5视频自动播放？
我尝试过的:
<video width="640" height="480" controls="controls" type="video/mp4" autoplay="false" preload="none"><source src="http://mydomain.com/mytestfile.mp4">Your browser does not support the video tag.</video>
当src来自我的本地电脑时,如何禁用视频自动播放？
<iframe width="465" height="315" src="videos/example.mp4"></iframe>
我尝试了以下,但它不起作用:
src="videos/example.mp4?autoplay=0"src="videos/example.mp4?autoplay=false"src="videos/example.mp4?autostart=0"src="videos/example.mp4?autostart=false"有一段时间我一直在使用这个脚本,视频自动播放全屏.现在突然,视频无法在Chrome中自动播放.但在Firefox和Edge中它仍然有效.
那么谷歌可能改变了设置？有谁知道如何解决这个问题,拜托？您可以在此处查看实时示例:www.brunomazereel.com
<script src="http://www.youtube.com/player_api"></script>
<script type="text/javascript">
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
playerVars: {
'autoplay': 1,
'controls': 0,
'autohide': 1,
'wmode': 'opaque',
'showinfo': 0,
'loop': 1,
'rel': 0,
'playlist': 'rh5QiehIlVA,Bl63bdR-Ko0,'
},
videoId: 'u-cjliof1xk',
events: {
'onReady': onPlayerReady
}
});
}
function onPlayerReady(event) {
event.target();
$('#text').fadeIn(400);
}
$(window).scroll(function() {
var hT = $('.m-video').height(),
wS = $(this).scrollTop();
if (wS > hT) {
player.pauseVideo();
}
else {
player.playVideo();
}
});
</script>
在我被炸死之前,我知道这不起作用,因为Apple担心他们的用户自动下载音频文件的可怕成本(与他们试图削弱网络应用程序无关,因为他们没有得到他们的30%来自他们).
但是,我的问题是:有没有人找到一个狡猾的解决方法呢？我只想在游戏发布时播放启动声音,目前必须等待用户点击某处才播放音频.你们其中一个聪明的人现在必须要这个吗？
因为有些日子我的vimeo iframe将不再自动播放.我知道chrome更新,它将阻止带声音的自动播放视频.该块是否已激活？
Vimeo示例代码不起作用:
<iframe src="https://player.vimeo.com/video/12345?autoplay=1&loop=1&autopause=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
但netflix.com和vimeo本身在主页上有一个自动播放视频,可以正常播放.
编辑:Chrome版本66.0.3359.139 macOS High Sierra 10.13.4
有没有人有想法或答案？
谢谢!
我第一次使用动画.gif查看页面,它在页面加载时播放正常(持续约2秒).
在刷新(F5)时,.gif不再播放,只显示gif动画的最后一帧.
有什么我可以做的,以确保它每次播放？
我使用这段代码:
<video width="440px" loop="true" autoplay="true" controls>
<source src="http://www.tuscorlloyds.com/CorporateVideo.mp4" type="video/mp4" />
<source src="http://www.tuscorlloyds.com/CorporateVideo.ogv" type="video/ogv" />
<source src="http://www.tuscorlloyds.com/CorporateVideo.webm" type="video/webm" />
</video>
我希望视频能够自动播放,但是当页面加载时视频无法播放,它看起来像是一个缓冲问题,因为当我将鼠标悬停在视频上(显示控件)时,视频始终为2秒,但随后停止并且不继续.
页面可以在这里看到:http://www.tuscorlloyds.com(视频在滑块右上角)
注意:我刚刚再次访问该网站并且autopplay似乎有效,但是当我再次尝试同样的问题时,这是一个缓冲问题吗？我能做些什么来阻止这个？
非常感谢尼克
I have a 20 second long HTML5 video loop as the background on my webpage and it is set to autostart. Is it possible to delay the video autoplay for 5 seconds? I am trying to allow the video to load completely before trying to play to prevent it from stuttering as much. Here is my current code:
<video id="video_background" poster="images/dmm_background.jpg" controls="controls" preload="true" autoplay="true" loop="loop" muted="muted" volume="0">
<source src="videos/backgroundvideo.mp4" type="video/mp4">
<source src="videos/backgroundvideo.webm" type="video/webm">
</video>
</video>
Any help is greatly appreciated!!