前端video标签使用问题

沐雨红尘 · 发表于 2020-6-10 11:48

提示: 作者被禁止或删除内容自动屏蔽

可爱的男孩子 · 发表于 2020-6-10 12:14

自动播放视频是不行的
chrome的相关政策
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

ab19950220 · 发表于 2020-6-10 12:41

最简单的方法页面加载完毕之后调用一次 play()方法就行了

我是一个外星人 · 发表于 2020-6-10 12:49

我小白。我测试楼主代码可以自动播放，

战网无极限 · 发表于 2020-6-10 13:00

本帖最后由战网无极限于 2020-6-10 13:02 编辑

这样就可以实现自动播放

[HTML] 纯文本查看 复制代码

    <video controls autoplay id="video" src="bg1.mp4" style="width:100%;height:100%;" controls autoplay muted>
         
    </video>

被遗忘的路人 · 发表于 2020-6-10 13:02

[JavaScript] 纯文本查看 复制代码

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
&#160;&#160;&#160;&#160;<video controls muted autoplay id="video" src="https://blz-videos.nosdn.127.net/1/OverWatch/AnimatedShots/Overwatch_AnimatedShot_Bastion_TheLastBastion.mp4" style="width:100%;height:100%;"></video>
</body>
</html>

这样试试不要JS 看行不行

战网无极限 · 发表于 2020-6-10 13:03

属性能解决尽量不用js

沐雨红尘 · 发表于 2020-6-10 13:11

提示: 作者被禁止或删除内容自动屏蔽

战网无极限 · 发表于 2020-6-10 13:24

沐雨红尘发表于 2020-6-10 13:11
大佬，不妨指点一二

我在五楼发了解决办法的呀

沐雨红尘 · 发表于 2020-6-10 13:24

提示: 作者被禁止或删除内容自动屏蔽

帐号		自动登录	找回密码
密码			注册[Register]

沐雨红尘沐雨红尘当前离线好友阅读权限 0 听众最后登录 1970-1-1 头像被屏蔽	沐雨红尘发表于 2020-6-10 11:48 提示: 作者被禁止或删除内容自动屏蔽
沐雨红尘沐雨红尘当前离线好友阅读权限 0 听众最后登录 1970-1-1 头像被屏蔽	发帖前要善用【论坛搜索】功能，那里可能会有你要找的答案或者已经有人发布过相同内容了，请勿重复发帖。
	回复举报

沐雨红尘沐雨红尘当前离线好友阅读权限 0 听众最后登录 1970-1-1 头像被屏蔽	楼主\| 沐雨红尘发表于 2020-6-10 13:11 提示: 作者被禁止或删除内容自动屏蔽
沐雨红尘沐雨红尘当前离线好友阅读权限 0 听众最后登录 1970-1-1 头像被屏蔽
	回复支持举报

沐雨红尘沐雨红尘当前离线好友阅读权限 0 听众最后登录 1970-1-1 头像被屏蔽	楼主\| 沐雨红尘发表于 2020-6-10 13:24 提示: 作者被禁止或删除内容自动屏蔽
沐雨红尘沐雨红尘当前离线好友阅读权限 0 听众最后登录 1970-1-1 头像被屏蔽
	回复支持举报

[求助] 前端video标签使用问题