我有一个非常简单的html页面,只托管一个视频。缺少controls属性,但存在autoplay。这会阻止电影在移动设备上播放(禁止自动播放,并且无法在没有控件的情况下启动)。
<video class="center" width="1280" height="720" loop autoplay="autoplay" ondblclick="makeFullScreen(this)" >有没有一种方法可以使用属性或某个javascript来为移动设备和桌面设备提供不同的属性,例如,通过使用media属性和对屏幕大小的限制?为不同页面提供服务的PHP解决方案也是可以接受的,但不是最好的。
发布于 2018-02-04 05:57:26
有很多JavaScript函数可以检测客户端设备是移动设备还是桌面设备。你可以选择任何这样的函数(What is the best way to detect a mobile device in jQuery?),然后你可以创建一个简单的if stmnt (如果设备是移动的,添加控制属性),或者你可以用php检测到这一点,并制作一个类似的if stmnt。
https://stackoverflow.com/questions/48600957
复制相似问题