已掉线，重新登录
首页 > 绿虎论坛 > 历史版块 > 编程 > PHP

标题: 怎样禁止浏览器使用内置播放器播放视频

作者: @Ta

时间: 2021-10-14

点击: 17172
网页播放视频的时候怎样禁止浏览器使用内置的播放器播放video
用的以下代码
<video   class="video" id="video${io}" preload="auto" src="${time}"  data-id="${io}" poster="${item.videoImg}" page-gesture="true"  x5-playsinline="" playsinline="" webkit-playsinline=""show-fullscreen-btn="false" show-center-play-btn="true" show-play-btn="false" enable-play-gesture="true" loop="true">你的浏览器不支持HTML5播放此视频</video>

例如小米浏览器，就会出现这样的情况
9b0ce0f66fb9c052.jpg

我是想要不在顶层显示，例如via浏览器就可以
d47a942569b49bb4.jpg

怎样才能实现呢
我看到LOL手游的一个活动页面就可以限制在顶层显示
https://lolm.qq.com/act/a20210910hb/index.html

[隐藏样式|查看源码]

『回复列表(23|隐藏机器人聊天)』

1. 一小时过去了，0人回复了帖子
(/@Ta/2021-10-14 17:59/样/源)
2. 啊这，直接抄前端代码实现不了？
(/@Ta/2021-10-14 18:30/样/源)
3.

我要是懂的话，肯定告诉你
~~~

(/@Ta/2021-10-14 18:45/样/源)
6. @小赵，私你了
(/@Ta/2021-10-14 20:00/样/源)
7. 有大佬指点一下吗？
(/@Ta/2021-10-15 14:07/样/源)
8.

HTML代码

(/@Ta/2021-10-15 21:37/样/源)
9.

HTML代码

(/@Ta/2021-10-15 21:19/样/源)
11.

@独爱，试不出来，建议你直接问这个页面的开发者：

<!-- 页面设计：深圳欣米 | 页面制作：深圳欣米 | 创建：2021-07-29 -->
(/@Ta/2021-10-15 21:20/样/源)
12. @大药瓶子，你那个朋友是@大药瓶子，他吗？
(/@Ta/2021-10-15 22:07/样/源)
13. @老虎会游泳，我这种小喽喽人家应该不会理我，我再找找方法吧
(/@Ta/2021-10-15 22:07/样/源)
14.

@独爱，关于隐藏播放控件我有一个思路，就是给小米浏览器开usb远程调试，然后在电脑chrome上调试那个页面，查看播放器控件的id，然后用js代码隐藏。

或者也可以找一找那个lol页面是不是藏着类似代码。

(/@Ta/2021-10-15 22:09/样/源)
15.

@小赵，@大药瓶子，这种私人请求请发送内信，不要公开回复

(/@Ta/2021-10-15 22:13/样/源)
16. @老虎会游泳，你说的这个方法也是治标不治本，例如QQ浏览器，UC，夸克，像这类播放器的浏览器就不能挨个去适配了
(/@Ta/2021-10-15 22:16/样/源)
17.

@独爱，也许这个lol页面就是逐个适配的，因为我发现它在uc浏览器上只隐藏了播放器控件，没有隐藏新加的投屏和分享控件
Screenshot_20211015_221038_com.UCMobile.jpg

(/@Ta/2021-10-15 22:17/样/源)
18.

@独爱，而且它很可能并没有解决z-index问题，因为视频播放时视频上方没有显示任何内容。

(/@Ta/2021-10-15 22:18/样/源)
19.

@独爱，它也没有隐藏掉华为浏览器的播放器控件：
Screenshot_20211015_222109_com.huawei.browser.jpg

(/@Ta/2021-10-15 22:21/样/源)
20.

@独爱，在cavas里播放视频可能是一个治本的方法，但是音频同步又会成为难题。
https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Manipulating_video_using_canvas

(/@Ta/2021-10-15 22:23/样/源)
21.

结果这个demo与所有手机浏览器都不兼容，cavas里根本没有任何画面

https://media.prod.mdn.mozit.cloud/samples/video/chroma-key/index.xhtml

(/@Ta/2021-10-15 22:26/样/源)
22.

@独爱，这里有另一个案例，我不知道管不管用：
https://blog.csdn.net/weixin_39901558/article/details/111489908

(/@Ta/2021-10-15 22:32/样/源)
下一页 1/2页,共23楼
回复需要登录。

7月16日 02:48 星期三

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1