停止HTML视频的自动播放

Question

我有一个html视频，其中我有最初加载的图像。那个图像消失并播放那个视频。

我希望图片始终显示，unill我点击图片。点击图片后，视频就会播放。

请找到jsfiddle：

http://jsfiddle.net/pwxcvxe8/173/

我们尝试了// Playing notification sound public void playNotificationSound() { try { Uri alarmSound = Uri.parse(ContentResolver.SCHEME_ANDROID_RESOURCE + "://" + mContext.getPackageName() + "/raw/notification"); Ringtone r = RingtoneManager.getRingtone(mContext, alarmSound); r.play(); } catch (Exception e) { e.printStackTrace(); } } 并从视频代码中移除了自动播放但没有欢乐。

如果我想点击图片播放视频，我需要做些什么改变？

Answer 1

尝试添加autostart="false"或删除autoplay。这对我有用。

希望这会有所帮助。

Answer 2

从autoplay代码移除<video>可以正常工作，以阻止其自动播放 若要在单击时播放图像，请使用以下jQuery：

$('#vid').click(function() {
  $('#vid').get(0).play()
});

Here is an updated JSFiddle

随时提出任何问题。

Answer 3

这是更新的代码，您可以从视频元素中删除自动播放属性，因此它永远不会播放自动播放，除此之外，如果您需要通过脚本停止自动播放，您可以在其上注册事件并使用Dom方法“element.pause（ ）“停止视频 here

Answer 4

尝试删除autoplay="false"或只删除自动播放属性

Answer 5

从MDN网络文档here中摘录：“自动播放属性的优先级高于预加载。如果指定了自动播放，则浏览器显然需要开始下载视频进行播放。”

1. 如上（由Zac Webb回答），删除属性[{ "country": "India", "capital": "Delhi" }, { "country": "Bangladesh", "capital": "Dhaka" }, { "country": "Pakistan", "capital": "Islamabad" } ] 。
2. 如果您拥有属性autoplay，请确保将其设置为无preload，因为此属性的默认值为preload="none"。

这对我有用。