html5中video标签不能播放视频的示例分析

发布时间:2022-03-10 14:44:45 作者:小新
来源:亿速云 阅读:616

小编给大家分享一下html5中video标签不能播放视频的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

  在页面中用video标签嵌入了一个视频:

  其中 video 的 poster 属性的值和 source 的 src 的值都是存在 json 数组里动态获取的。

  这个页面用ios自带的浏览器和qq直接打开时,视频都能正常播放,但是在微信打开,视频就无法播放。安卓都能正常播放。

  以下代码是用于视频播放的:

  function audioPlay() {
  var video = document.getElementsByTagName('video')[0];
  console.log(video);
  video.load(); // 在更改来源或其他设置后对音频/视频元素进行更新
  video.addEventListener('touchstart', function() {
  if (!video.palyed) {
  video.play();
  }
  });
  }

  如果把 video.load() 这个语句放在 touchstart 监听事件里面(就是放在 if 语句前面),在微信也能正常播放视频,但是会导致没触摸一次视频区域,视频就重新加载一次,也不能暂停,不利于视频播放的效果。

以上是“html5中video标签不能播放视频的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. HTML5新标签-Video
  2. html5中video标签怎么用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html5 video

上一篇:微信小程序如何创建并返回map上下文mapContext对象

下一篇:html如何使用acronym标签

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》