3***@qq.com
3***@qq.com
  • 发布:2020-03-24 11:47
  • 更新:2020-03-24 15:09
  • 阅读:1514

#插件讨论# 【 Parser富文本插件 - Jyf 】显示错误

分类:uni-app

视频超出,在H5图片显示正常,在小程序图片非常大,在小程序左右滑动,有些视频不能播放

2020-03-24 11:47 负责人:无 分享
已邀请:
3***@qq.com

3***@qq.com (作者)

3***@qq.com

3***@qq.com (作者)

Jyf

Jyf

提供 html

  • 3***@qq.com (作者)

    <div class="ahearea aheblock ahetext" style="margin: 0px 0px 23px; padding: 0px; font-size: 16px; color: #333333; line-height: 30px;">

    <p style="margin: 0px; padding: 0px; word-wrap: break-word; word-break: break-all; text-indent: 2rem; line-height: 28px;"><strong><span style="font-size: 14pt;"><video controls="controls" width="406" height="203">

    <source src="&lt;iframe src=&quot;http:/open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=b86adf84b6cc3c735a8ec165ad3edb78&amp;tvId=14254114100&amp;accessToken=2.f22860a2479ad60d8da7697274de9346&amp;appKey=3955c3425820435e86d0f4cdfe56f5e7&amp;appId=1368&amp;height=100%&amp;width=100%&quot; frameborder=&quot;0&quot; allowfullscreen=&quot;true&quot; width=&quot;100%&quot; height=&quot;100%&quot;&gt;&lt;/iframe&gt;" /></video></span></strong></p>

    <p style="margin: 0px; padding: 0px; word-wrap: break-word; word-break: break-all; text-indent: 2rem; line-height: 28px;"><strong><span style="font-size: 14pt;">对于血管里流淌着高辛烷值汽油的人来说,大马力后驱跑车是让人又爱又恨的玩具。它们能给你带来无穷的乐趣,但同时也对你的驾驶技术有着很高的要求。当你想要尽情驰骋时,你必须有着足够的信心以及足够的驾驶能力,不然出现一个操控失误,后果不堪设想。</span></strong></p>

    <p style="margin: 0px; padding: 0px; word-wrap: break-word; word-break: break-all; text-indent: 2rem; line-height: 28px;">&nbsp;</p>

    </div>

    <div class="ahearea aheblock aheimage" style="margin: 0px; padding: 4px 0px; display: inline-block; position: relative; max-width: 752px; overflow: hidden;"><strong><span style="font-size: 14pt;"><img style="max-width: 100%;display:block;" class="indexlazy" style="margin: 0px auto; padding: 0px; border: 0px; display: block; max-width: 752px; cursor: pointer;" src="https://qnwww2.autoimg.cn/chejiahaodfs/g26/M0B/46/81/autohomecarChsEe154j0KAeD5qAAD7z_LGyZc093.jpg?imageView2/2/w/752|watermark/2/text/5pmT6L2m6YGTDQrmsb3ovabkuYvlrrY=/font/5b6u6L2v6ZuF6buR/fontsize/270/fill/d2hpdGU=/dissolve/100/gravity/SouthEast/dx/5/dy/5" alt="" data-imageurl="http://www2.autoimg.cn/chejiahaodfs/g26/M0B/46/81/autohomecar
    ChsEe154j0KAeD5qAAD7z_LGyZc093.jpg" data-original="//qnwww2.autoimg.cn/chejiahaodfs/g26/M0B/46/81/autohomecar__ChsEe154j0KAeD5qAAD7z_LGyZc093.jpg?imageView2/2/w/752|watermark/2/text/5pmT6L2m6YGTDQrmsb3ovabkuYvlrrY=/font/5b6u6L2v6ZuF6buR/fontsize/270/fill/d2hpdGU=/dissolve/100/gravity/SouthEast/dx/5/dy/5" data-original-size="800x535" data-seriesid="" /></span></strong></div>

    <div class="ahearea aheblock ahetext" style="margin: 0px 0px 23px; padding: 0px; font-size: 16px; color: #333333; line-height: 30px;">

    <p style="margin: 0px; padding: 0px; word-wrap: break-word; word-break: break-all; text-indent: 2rem; line-height: 28px;">&nbsp;</p>

    <p style="margin: 0px; padding: 0px; word-wrap: break-word; word-break: break-all; text-indent: 2rem; line-height: 28px;"><strong><span style="font-size: 14pt;">捷豹,大家肯定都不陌生,印象中是非常高端且神秘的英伦品牌,且以生产高性能跑车而著名。F-TYPE作为捷豹的当家花旦,凭借着优雅的外形以及从老前辈那里继承下来的赛车基因都让这部跑车看起来与众不同。&nbsp;</span></strong></p>

    <p style="margin: 0px; padding: 0px; word-wrap: break-word; word-break: break-all; text-indent: 2rem; line-height: 28px;"><strong><span style="font-size: 14pt;">一眼望去就觉得是漂亮的那类车,短尾、长车头的整体造型看上去就非常运动。从引擎盖到腰线,再到尾部造型,处处都充满了运动的基因。</span></strong></p>

    <p style="margin: 0px; padding: 0px; word-wrap: break-word; word-break: break-all; text-indent: 2rem; line-height: 28px;">&nbsp;</p>

    </div>

    <div class="ahe
    area aheblock aheimage" style="margin: 0px; padding: 4px 0px; display: inline-block; position: relative; max-width: 752px; overflow: hidden;"><strong><span style="font-size: 14pt;"><img style="max-width: 100%;display:block;" class="indexlazy" style="margin: 0px auto; padding: 0px; border: 0px; display: block; max-width: 752px; cursor: pointer;" src="https://qnwww2.autoimg.cn/chejiahaodfs/g27/M02/47/B3/autohomecarChsEfF54j0OAXbUAAACxjn6n984846.jpg?imageView2/2/w/752|watermark/2/text/5pmT6L2m6YGTDQrmsb3ovabkuYvlrrY=/font/5b6u6L2v6ZuF6buR/fontsize/270/fill/d2hpdGU=/dissolve/100/gravity/SouthEast/dx/5/dy/5" alt="" data-imageurl="http://www2.autoimg.cn/chejiahaodfs/g27/M02/47/B3/autohomecarChsEfF54j0OAXbUAAACxjn6n984846.jpg" data-original="//qnwww2.autoimg.cn/chejiahaodfs/g27/M02/47/B3/autohomecarChsEfF54j0OAXbUAAACxjn6n984846.jpg?imageView2/2/w/752|watermark/2/text/5pmT6L2m6YGTDQrmsb3ovabkuYvlrrY=/font/5b6u6L2v6ZuF6buR/fontsize/270/fill/d2hpdGU=/dissolve/100/gravity/SouthEast/dx/5/dy/5" data-original-size="800x535" data-seriesid="" /></span></strong></div>

    <div class="ahe
    area aheblock ahetext" style="margin: 0px 0px 23px; padding: 0px; font-size: 16px; color: #333333; line-height: 30px;">

    <p style="margin: 0px; padding: 0px; word-wrap: break-word; word-break: break-all; text-indent: 2rem; line-height: 28px;">&nbsp;</p>

    <p style="margin: 0px; padding: 0px; word-wrap: break-word; word-break: break-all; text-indent: 2rem; line-height: 28px;"><strong><span style="font-size: 14pt;">眼前这是一台2015款的F-TYPE,并且是象征着最强性能的F-TYPER,搭载着5.0T机械增压V8引擎,点火后那暴烈的排气声绝对会给驾驶它的人留下深刻的印象。身为大马力后驱车的捷豹F-TYPER,带给你的驾驶感受却并不像美式肌肉车那么直接,它更像一个装备精良的士兵,随时等待出征。</span></strong></p>

    2020-03-24 13:33

Jyf

Jyf

这种 iframe 的视频小程序上播放不了的
图片我这里都访问不了(478 错误)

  • 3***@qq.com (作者)

    视频在H5也不能播放,图片地址:https://qnwww2.autoimg.cn/chejiahaodfs/g26/M0B/46/81/autohomecar__ChsEe154j0KAeD5qAAD7z_LGyZc093.jpg?imageView2/2/w/752|watermark/2/text/5pmT6L2m6YGTDQrmsb3ovabkuYvlrrY=/font/5b6u6L2v6ZuF6buR/fontsize/270/fill/d2hpdGU=/dissolve/100/gravity/SouthEast/dx/5/dy/5

    2020-03-24 14:52

  • 3***@qq.com (作者)

    https://qnwww2.autoimg.cn/chejiahaodfs/g26/M0B/46/81/autohomecar__ChsEe154j0KAeD5qAAD7z_LGyZc093.jpg?imageView2/2/w/752|watermark/2/text/5pmT6L2m6YGTDQrmsb3ovabkuYvlrrY=/font/5b6u6L2v6ZuF6buR/fontsize/270/fill/d2hpdGU=/dissolve/100/gravity/SouthEast/dx/5/dy/5

    2020-03-24 14:53

Jyf

Jyf

这个视频的链接写的不对,应该直接用 iframe 标签而不是写在 source 里吧
小程序中图片超宽是因为这里的 img 设置了 max-width: 752px (使得默认设置的 max-width: 100% 失效),加上图片自身长度很宽,所以就超宽了

  • 3***@qq.com (作者)

    是因为设置富文本的时候设置了图片的大小

    2020-03-24 15:39

该问题目前已经被锁定, 无法添加新回复