html视频怎么自动播放一次,HTML5视频自动播放/播放一次

我有一个网页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)。 –