在移动设备上自动播放视频

时间:2017-03-05 21:49:06

标签: video youtube slider autoplay

我想知道目前的情况是视频在移动设备上自动播放。我知道移动网络已经限制了这个以及ios,android和ipad,我已经在网上和在这里寻找各种解决方法。关于不值得编辑代码的意见,因为在涉及权限和使用某些元素时,事情会发生迅速变化。视频用于标题。我想知道是否有一个全面的工具来测试移动设备上的视频。

根据情况,视频只能在某些设备上自动播放,只要包含静音即可。最后,我希望能够在网站加载后立即进行视频自动播放,并对视频文件进行压缩,以最大限度地减少网页上的加载时间。我了解Facebook通过创建自己的画布来加载视频,从而实现在移动设备上自动播放。自动播放,playVideo(),loadVideoById()等函数和参数在所有移动环境中都不起作用是多么真实?

如果有一个可行的解决方法,并且不会影响页面的加载时间,我将不胜感激任何想法。我知道GIF是一种解决方法,因此用户可以确定哪些内容可以点击并观看;但是GIF在移动设备上的带宽可能比视频多5倍,所以我也想知道它的含义。

Rev Slider用于在html5中显示视频,视频嵌入在页面上,而不是仅使用视频网址。一些API函数/方法:     https://www.themepunch.com/revsliderjquery-doc/api/

Rev Slider API能否以某种方式改变?是否有一个函数php命令我可以添加,保证在所有移动设备上提供自动播放结果?

网站上的缓存/或插件是否会影响在移动设备上自动播放的能力?

You Tube提供了正确使用的这些示例(但自动播放不适用于所有移动设备,除非有解决方法?): *使用现有的API *大声播放 *第三个示例,它设置播放器参数以在加载时自动播放视频并隐藏视频播放器的控件。它还为API广播的所有事件添加事件侦听器。

function onYouTubeIframeAPIReady() {
  var player;
  player = new YT.Player('player', {
    videoId: 'M7lc1UVf-VE',
    playerVars: { 'autoplay': 1, 'controls': 0 },
    events: {
      'onReady': onPlayerReady,
      'onPlaybackQualityChange': onPlayerPlaybackQualityChange,
      'onStateChange': onPlayerStateChange,
      'onError': onPlayerError
    }
  });
}

我在Browserstack上进行了测试,看看主页如何在15个主要设备上显示,15个设备中的11个显示成功:

...成功 Windows 8.1ie 11Windows 8.1firefox 30Windows 8ie 10Windows 7ie 9Windows XPfirefox 3.6 OS X Yosemiteopera 12.15OS X Maverickschrome 36iPhone 5S(人像)

...不成功 Windows 7ie 8 OS X Yosemitesafari 8iPhone 6 Plus(人像)iPad 4(人像)

出于信息目的,Browserstack认为这些是主要的移动类型:

Apple iPhone SE Apple iPhone 6s 谷歌Nexus 6 三星Galaxy S5 Apple iPad Air 2平板电脑 谷歌Nexus 7平板电脑 诺基亚Lumia 520 谷歌Nexus 4 Apple iPhone 6 Plus 三星Galaxy Note 3 谷歌Nexus 5X 三星Galaxy S7 亚马逊Kindle Fire HDX 8.9平板电脑 Apple iPad Mini 2平板电脑 索尼Xperia Z. Apple iPhone 4s 三星Galaxy S4
摩托罗拉G(第二代) HTC One X. 黑莓Z10 三星Galaxy Note 4 谷歌Nexus 9平板电脑 三星Galaxy Note 10.1平板电脑

Windows Surface RT 2平板电脑

我使用了Responsinator.com,发现自动播放的视频在这些设备上播放: iPhone 5纵向·宽度:320px iPhone 5横向·宽度:568px iPhone 6纵向·宽度:375px iPhone 6横向·宽度:667px iPhone 6丰满的肖像·宽度:414px iPhone 6丰满景观·宽度:736px Android(Nexus 4)肖像·宽度:384像素 Android(Nexus 4)横向·宽度:600px iPad肖像·宽度:768像素 iPad风景·宽度:1024px

非常欢迎一些想法和想法。

最好的问候

0 个答案:

没有答案