HTML5 video在安卓的微信上面播放时自动会全屏的问题

HTML5视频播放器实现

最新推荐文章于 2024-04-26 11:39:38 发布

原创最新推荐文章于 2024-04-26 11:39:38 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #安卓 #视频 #自动 #全屏

html5 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了如何使用HTML5的video标签创建一个兼容多种浏览器的视频播放器，包括mp4、ogg和webm格式的支持，并提供了源代码示例。

解决方法：

<video x5-playsinline="true" playsinline="true" webkit-playsinline="true" :poster="option.cover_pic_url ? option.cover_pic_url : $bigDefaultImg" v-if="option.content_file_url" controls="controls">
          <source :src="option.content_file_url" type="video/mp4">
          <source :src="option.content_file_url" type="video/ogg">
          <source :src="option.content_file_url" type="video/webm" />
           Your browser does not support the video tag.
</video>

参考：https://bbs.youkuaiyun.com/topics/391888410