我有一个网页A,B,C,D。 在开始页面 - A - 有一个html5视频,设置为自动播放。 所以vid开始加载页面。视频播放一次,结束时显示再播放按钮。目前为止没有问题。 如果我访问页面B或C,然后再次转到A,则视频会再次启动。 但是我想为每个访问者启用一次自动播放。 应该是这样的:一个访问网页,从A页开始,看一次视频,进入页面B或C或D,再次返回到A(使用链接或后退按钮);并找到再次播放按钮,而不是再次播放视频。HTML5视频自动播放/播放一次
编辑:
感谢您使用cookies的想法;现在我知道在欧洲有一个法律,你必须告诉访问者使用cookies,并给他一个他想要接受他们的开始页面的选择。
所以我想为此使用window.sessionStorage。
这是我的代码告诉视频自动播放设置= false,并且播放一次按钮来显示。对(“结束”,...
$(document).ready(function() {
$("video").on("ended", function() {
$('video')[0].autoplay=false
$('video')[0].load()
$('.video-playing').removeClass('video-playing').addClass('video-wait');
$('.play').removeClass('hide_play');
});
$('.play').click(function(){
$('video')[0].play();
$('.video-wait').removeClass('video-wait').addClass('video-playing');
$('.play').addClass('hide_play');
});
});
HTML
我的目标是:从页面B或C返回到首页 - A - (请参阅上文)应将类'.video-playing'设置为'.video-wait','.play'为'hide_play '并自动播放为“false”。
使用sessionStorage是最好的对我而言,我认为,因为在打开一个新窗口时应该从头开始。
不幸的是我不知道如何在我的代码中实现sessionStorage。
2015-12-16
Martin
+0
您可以使用HTML5 localStorage,但只有在关闭标签页或浏览器窗口之后才可以使用。 –
+4
[页面加载第一次时设置cookie](http://stackoverflow.com/questions/4825683/how-do-i-create-and-read-a-value-from-cookie),但如果cookie未设置,[使用JavaScript播放视频](http://stackoverflow.com/questions/10327907/play-pause-html5-video-javascript)。 –