vue-video-player 点击播放自动全屏及安卓端样式兼容问题

最新推荐文章于 2024-06-25 18:03:00 发布

mxlWhb

最新推荐文章于 2024-06-25 18:03:00 发布

阅读量3.8k

点赞数 1

分类专栏：浏览器兼容问题 vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_42859450/article/details/112307869

版权

本文探讨了在Vue项目中使用vue-video-player组件时，如何实现点击播放即自动全屏的功能，同时解决在安卓设备上的样式兼容问题。参考链接提供了解决方案的详细步骤。

摘要由CSDN通过智能技术生成

<template>
  <div class="w100 bgf pl15 pr15 borBox pt10 pb20 helpProjectDeatil">
    <p class="color3AF pt18 fz20" style="color: #000000">
      {
  { deatilData.title }}
    </p>
    <div>
      <div class="flex alic justs mt10 mb10" style="color: #9a9a9a">
        <div class="fz14">
          发布日期：{
  { deatilData.createTime | timestampToTime("YMDHMS") }}
        </div>
        <div class="flex alic fz14">
          <img
            :src="viewIcon"
            alt
            style="width: 0.16rem; height: 0.16rem"
            class="mr5"
          />
          <span>{
  { deatilData.readNum ? deatilData.readNum : 0 }}</span>
        </div>
      </div>
      <div class="mb15 fz14" v-show="deatilData.author" style="color: #9a9a9a">
        作者：{
  { deatilData.author }}
      </div>
      <video-player
        v-if="deatilData.isConfig == 3 && deatilData.videoUrl"
        class="video-player vjs-custom-skin borRad overH mb15"
        ref="videoPlayer"
        :playsinline="