h5播放video在android中脱离文档流怎么解决？

XGX 2020-06-08 2913 浏览问题模块：其他开发相关的问题

import VideoPlayer from 'vue-video-player';

<video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions"></video-player>

回答关注问题邀请回答

收藏

扫描小程序码分享
 复制链接

关闭

请选择投诉理由

广告内容

违法违规

恶意灌水内容

其他

删除当前帖子

删除后帖子内容及评论将一并被删除，且不可恢复。

删除取消

关闭

确定删除？

删除后不可恢复

取消确定

关闭

关注“微信开放社区”公众号

关注后，可在微信内接收相应的重要提醒。

请使用微信扫描二维码关注 “微信开放社区” 公众号

关闭

反馈

<div style="text-align:center;margin-top:20px;"><button class="btn btn-primary">确定</button><button class="btn btn-default" style="margin-left:20px;">取消</button></div></div></div></div></div></div></div></div><div class="anwser__area"><div class="answer_container"><div class="anwser__hd"><p class="anwser__title">2 个回答</p></div><div id="comment-list" class=" anwsers__list"><div class="answer_container"><div class="post_comment_area"><ul class="post_comment_list"><li itemprop="answer" itemscope="itemscope" itemtype="http://schema.org/Answer" id="000246168447a8e387cacd7e85b4" class="widget_comment js_post_comment_item post_comment_item "><meta check-reduce="" itemprop="image"/><meta check-reduce="" itemprop="upvoteCount" content="1"/><meta check-reduce="" itemprop="url" content="https://developers.weixin.qq.com/community/develop/doc/00068e11dac1009f8c7a157be56000?jumpto=comment&commentid=000246168447a8e387cacd7e85b4"/><meta check-reduce="" itemprop="dateCreated" content="Mon Aug 10 2020 18:32:28 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="dateModified" content="Mon Aug 10 2020 18:32:28 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="commentCount" content="0"/><a href="/community/personal/oCJUsw4I1FOr04LhW6hR3end_WWw" target="_blank" class="post_comment_owner"><span class="popover__box popover_appreciate popover__box_hide" data-v-0a980b96=""><span class="popover_target"><div class="post_comment_owner_avatar"><img src="https://wx.qlogo.cn/mmhead/Q3auHgzwzM7B0nw4zaGaEsZqxIUk3fDR8pPOaqZBA7YNhlRWwScPEQ/0" alt="我不是阿汤哥" class="post_comment_owner_avatar_image"/></div><strong data-component-identifier="replybox__nick_name" class="post_comment_owner_nickname">我不是阿汤哥</strong></span></span></a><div class="checking_state_new"></div><span class="post_comment_pos"><span check-reduce="" class="post_comment_time">2020-08-10</span></span><div check-reduce="" class="post_comment_editor_area comment_editor_box" style=";"><div class="post_comment_content post_editor_box"><div class="mode__rich-text-editor mode__rich-text-editor__normal"><div class="mode__rich-text-editor__header mode__rich-text-editor__header__normal"><div class="mode__rich-text-editor__header__extend"/><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__bold"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__bold ql-bold"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>加粗</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__red"><button value="red" class="mode__rich-text-editor__icon mode__rich-text-editor__icon__red ql-red"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>标红</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-code-block"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__code-block ql-code-block"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入代码</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-link"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__link ql-link"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入链接</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-image"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__image ql-image"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入图片</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-video"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__video ql-video"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>上传视频</p></span></div></div><div class="mode__rich-text-editor__body" style=";"/><div class="mode__rich-text-editor__body" style="display:;"><div> 请 <a>登录</a> 后发表内容 </div></div><div class="dialog_wrapper dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>新增或编辑超链接</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">链接地址</label><div class="frm_controls"><span class="frm_input_box"><input type="text" value="https://" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div><div class="dialog_wrapper dialog__insert-video dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>插入视频</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">视频链接</label><div class="frm_controls"><span class="frm_input_box"><input type="text" placeholder="仅支持插入腾讯视频" value="" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div></div><div class="tool_bar tr"><a href="javascript:;" class="btn btn_primary edui-default">发表</a></div></div></div><div class="post_comment_content_container"><div itemprop="text" class="post_comment_content expanded" style="display:;"><p>我在华为的nova 3i上还会出现脱离文档流的情况，型号是INE-AL00，版本号：9.1.0，Android：9。最近为了兼容这个手机快吐血了，还是没有找到办法</p></div></div><div itemprop="text" class="post_comment_content" style=";"><p>你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。</p><a href="javascript:;" disabled="disabled" class="btn btn_default" style="margin: 12px 0; color: #999">待楼主反馈</a></div><div class="post_comment_info" style="display:;"><div class="mobile_post_comment_info_hd"><div class="mobile_post_comment_time">2020-08-10</div></div><div class="post_comment_opr"><div data-component-identifier="comment-like" class="best_comment_agree click "><div class="comment_topic_agree"><i class="icon_post_opr icon_topic_unagree"/>有用 <span>1</span></div></div><div class="best_comment_unagree"><div class="comment_topic_agree"><i class="icon_post_opr icon_topic_unagree"/></div></div><div class="js_comment best_comment_discuss"><i class="icon_post_opr discuss"/><span check-reduce="" class="post_opr_wording">回复 </span></div></div></div><div check-reduce="" class="dialog_wrapper page_mode_dialog_complain dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>请选择投诉理由</h3></div><div class="dialog_bd"><div class="dialog_complain_list"><div class="mod_access"><ul class="access_list"><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">广告内容</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">违法违规</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">恶意灌水内容</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">其他</div></li></ul></div></div></div></div></div></div><div></div><div></div></li><li itemprop="answer" itemscope="itemscope" itemtype="http://schema.org/Answer" id="000048736683a8409b7aff12151c" class="widget_comment js_post_comment_item post_comment_item "><meta check-reduce="" itemprop="image"/><meta check-reduce="" itemprop="upvoteCount" content="0"/><meta check-reduce="" itemprop="url" content="https://developers.weixin.qq.com/community/develop/doc/00068e11dac1009f8c7a157be56000?jumpto=comment&commentid=000048736683a8409b7aff12151c"/><meta check-reduce="" itemprop="dateCreated" content="Mon Jun 08 2020 19:14:24 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="dateModified" content="Mon Jun 08 2020 19:14:24 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="commentCount" content="7"/><a href="/community/personal/oCJUsw4clDadPd8W8K2IvjmIJhqA" target="_blank" class="post_comment_owner"><span class="popover__box popover_appreciate popover__box_hide" data-v-0a980b96=""><span class="popover_target"><div class="post_comment_owner_avatar"><img src="https://wx.qlogo.cn/mmhead/PiajxSqBRaEJ4bYJ9QOYvhcDg0DphYqCJLKFKrIBnJ9JffvZhXtTWQw/0" alt="疯狂的小辣椒" class="post_comment_owner_avatar_image"/></div><strong data-component-identifier="replybox__nick_name" class="post_comment_owner_nickname">疯狂的小辣椒</strong></span></span></a><div class="checking_state_new"><span class="ic_professor"/></div><span class="post_comment_pos"><span check-reduce="" class="post_comment_time">2020-06-08</span></span><div check-reduce="" class="post_comment_editor_area comment_editor_box" style=";"><div class="post_comment_content post_editor_box"><div class="mode__rich-text-editor mode__rich-text-editor__normal"><div class="mode__rich-text-editor__header mode__rich-text-editor__header__normal"><div class="mode__rich-text-editor__header__extend"/><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__bold"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__bold ql-bold"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>加粗</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__red"><button value="red" class="mode__rich-text-editor__icon mode__rich-text-editor__icon__red ql-red"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>标红</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-code-block"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__code-block ql-code-block"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入代码</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-link"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__link ql-link"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入链接</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-image"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__image ql-image"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入图片</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-video"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__video ql-video"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>上传视频</p></span></div></div><div class="mode__rich-text-editor__body" style=";"/><div class="mode__rich-text-editor__body" style="display:;"><div> 请 <a>登录</a> 后发表内容 </div></div><div class="dialog_wrapper dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>新增或编辑超链接</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">链接地址</label><div class="frm_controls"><span class="frm_input_box"><input type="text" value="https://" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div><div class="dialog_wrapper dialog__insert-video dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>插入视频</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">视频链接</label><div class="frm_controls"><span class="frm_input_box"><input type="text" placeholder="仅支持插入腾讯视频" value="" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div></div><div class="tool_bar tr"><a href="javascript:;" class="btn btn_primary edui-default">发表</a></div></div></div><div class="post_comment_content_container"><div itemprop="text" class="post_comment_content expanded" style="display:;"><p>你好，给下可复现问题的链接，详细说明下问题表现。</p></div></div><div itemprop="text" class="post_comment_content" style=";"><p>你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。</p><a href="javascript:;" disabled="disabled" class="btn btn_default" style="margin: 12px 0; color: #999">待楼主反馈</a></div><div class="post_comment_info" style="display:;"><div class="mobile_post_comment_info_hd"><div class="mobile_post_comment_time">2020-06-08</div></div><div class="post_comment_opr"><div data-component-identifier="comment-like" class="best_comment_agree click "><div class="comment_topic_agree"><i class="icon_post_opr icon_topic_unagree"/>有用 </div></div><div class="best_comment_unagree"><div class="comment_topic_agree"><i class="icon_post_opr icon_topic_unagree"/></div></div><div class="js_comment best_comment_discuss"><i class="icon_post_opr discuss"/><span check-reduce="" class="post_opr_wording">回复 <span class="best_comment_num">7</span></span></div></div></div><div class="post_comment_reply_area part3"><div class="post_comment_area"><ul class="post_comment_list" style="display:;"><li itemprop="comment" itemscope="itemscope" itemtype="http://schema.org/Comment" id="0008e0c47acc78a0a47a2d512514" class="widget_comment js_post_comment_item post_comment_item "><meta check-reduce="" itemprop="image"/><meta check-reduce="" itemprop="upvoteCount" content="0"/><meta check-reduce="" itemprop="url" content="https://developers.weixin.qq.com/community/develop/doc/00068e11dac1009f8c7a157be56000?jumpto=comment&commentid=0008e0c47acc78a0a47a2d512514"/><meta check-reduce="" itemprop="dateCreated" content="Tue Jun 09 2020 13:48:38 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="dateModified" content="Tue Jun 09 2020 13:48:38 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="commentCount" content="0"/><a href="/community/personal/oCJUsw334X8gh7F4J5I-xMQEoN0o" target="_blank" class="post_comment_owner"><span class="popover__box popover_appreciate popover__box_hide" data-v-0a980b96=""><span class="popover_target"><div class="post_comment_owner_avatar"><img src="https://wx.qlogo.cn/mmhead/Q3auHgzwzM6AHzM7lhnTVWzwXgjqia3EHvcNBUFsBib3ic6wQvrrMtVzA/0" alt="XGX" class="post_comment_owner_avatar_image"/></div><strong data-component-identifier="replybox__nick_name" class="post_comment_owner_nickname">XGX</strong></span></span></a><div class="checking_state_new"><span title="楼主" class="lz_new"/></div><span class="post_comment_pos"><span check-reduce="" class="post_comment_time">2020-06-09</span></span><div check-reduce="" class="post_comment_editor_area comment_editor_box" style=";"><div class="post_comment_content post_editor_box"><div class="mode__rich-text-editor mode__rich-text-editor__normal"><div class="mode__rich-text-editor__header mode__rich-text-editor__header__normal"><div class="mode__rich-text-editor__header__extend"/><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__bold"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__bold ql-bold"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>加粗</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__red"><button value="red" class="mode__rich-text-editor__icon mode__rich-text-editor__icon__red ql-red"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>标红</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-code-block"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__code-block ql-code-block"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入代码</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-link"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__link ql-link"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入链接</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-image"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__image ql-image"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入图片</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-video"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__video ql-video"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>上传视频</p></span></div></div><div class="mode__rich-text-editor__body" style=";"/><div class="mode__rich-text-editor__body" style="display:;"><div> 请 <a>登录</a> 后发表内容 </div></div><div class="dialog_wrapper dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>新增或编辑超链接</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">链接地址</label><div class="frm_controls"><span class="frm_input_box"><input type="text" value="https://" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div><div class="dialog_wrapper dialog__insert-video dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>插入视频</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">视频链接</label><div class="frm_controls"><span class="frm_input_box"><input type="text" placeholder="仅支持插入腾讯视频" value="" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div></div><div class="tool_bar tr"><a href="javascript:;" class="btn btn_primary edui-default">发表</a></div></div></div><div class="post_comment_content_container"><div itemprop="text" class="post_comment_content expanded" style="display:;"/></div><div itemprop="text" class="post_comment_content" style=";"><p>你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。</p><a href="javascript:;" disabled="disabled" class="btn btn_default" style="margin: 12px 0; color: #999">待楼主反馈</a></div><div class="cm-s-default CodeMirror-wrap"><div class="comment_reply_input_box__extend__editor__area__code__inner"><div class="comment_reply_input_box__extend__editor__area__code__body"><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">详细代码是采用vue框架编译的h5，其中视频用video或者用vue-video-player插件部署服务器后在用android微信打开都是一样的脱离文档流。以下是核心代码片段：</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span cm-text=""></span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tag cm-bracket"><</span><span class="cm-tag">template</span><span class="cm-tag cm-bracket">></span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tag cm-bracket"><</span><span class="cm-tag">div</span> <span class="cm-attribute">class</span>=<span class="cm-string">"tab_home"</span><span class="cm-tag cm-bracket">></span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tag cm-bracket"><</span><span class="cm-tag">div</span> <span class="cm-attribute">class</span>=<span class="cm-string">"goods-video"</span><span class="cm-tag cm-bracket">></span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tag cm-bracket"><</span><span class="cm-tag">video-player</span> <span class="cm-attribute">class</span>=<span class="cm-string">"video-player vjs-custom-skin"</span> <span class="cm-attribute">ref</span>=<span class="cm-string">"videoPlayer"</span> <span class="cm-attribute">:playsinline</span>=<span class="cm-string">"true"</span> <span class="cm-attribute">:options</span>=<span class="cm-string">"playerOptions"</span><span class="cm-tag cm-bracket">></</span><span class="cm-tag">video-player</span><span class="cm-tag cm-bracket">></span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tag cm-bracket"></</span><span class="cm-tag">div</span><span class="cm-tag cm-bracket">></span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tag cm-bracket"></</span><span class="cm-tag">div</span><span class="cm-tag cm-bracket">></span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tag cm-bracket"></</span><span class="cm-tag">template</span><span class="cm-tag cm-bracket">></span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span cm-text=""></span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tag cm-bracket"><</span><span class="cm-tag">script</span><span class="cm-tag cm-bracket">></span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-keyword">import</span> <span class="cm-def">VideoPlayer</span> <span class="cm-keyword">from</span> <span class="cm-string">'vue-video-player'</span>;</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-keyword">export</span> <span class="cm-keyword">default</span> {</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">data</span>() {</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-keyword">return</span> {</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">playerOptions</span>: {</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">playbackRates</span>: [<span class="cm-number">0.7</span>, <span class="cm-number">1.0</span>, <span class="cm-number">1.5</span>, <span class="cm-number">2.0</span>],</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">autoplay</span>: <span class="cm-atom">false</span>, </span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">muted</span>: <span class="cm-atom">false</span>, </span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">loop</span>: <span class="cm-atom">false</span>, </span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">preload</span>: <span class="cm-string">'auto'</span>, </span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">language</span>: <span class="cm-string">'zh-CN'</span>,</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">aspectRatio</span>: <span class="cm-string">'16:9'</span>, </span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">fluid</span>: <span class="cm-atom">true</span>, </span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">sources</span>: [{</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">type</span>: <span class="cm-string">"video/mp4"</span>,</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">src</span>: <span class="cm-string">"http://img.dehar.cn/play.mp4"</span> <span class="cm-comment">//url地址</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span>}],</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">poster</span>: <span class="cm-string">"https://resource.dehar.cn/shuxun/lb.png"</span>, </span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">notSupportedMessage</span>: <span class="cm-string">'此视频暂无法播放，请稍后再试'</span>, </span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">controlBar</span>: {</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">timeDivider</span>: <span class="cm-atom">true</span>,</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">durationDisplay</span>: <span class="cm-atom">true</span>,</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">remainingTimeDisplay</span>: <span class="cm-atom">false</span>,</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">fullscreenToggle</span>: <span class="cm-atom">true</span> <span class="cm-comment">//全屏按钮</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span>}</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span>}</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span>};</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span>}</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span>};</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tag cm-bracket"></</span><span class="cm-tag">script</span><span class="cm-tag cm-bracket">></span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span cm-text=""></span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tag cm-bracket"><</span><span class="cm-tag">style</span> <span class="cm-attribute">lang</span>=<span class="cm-string">"scss"</span> <span class="cm-attribute">scoped</span><span class="cm-tag cm-bracket">></span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-qualifier">.goods-video</span> {</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">background</span>: <span class="cm-atom">#FFFFFF</span>;</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">padding-top</span>: <span class="cm-number">16px</span>;</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-tab" role="presentation" cm-text=" "> </span><span class="cm-property">position</span>: <span class="cm-atom">relative</span>;</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tab" role="presentation" cm-text=" "> </span>}</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tag cm-bracket"></</span><span class="cm-tag">style</span><span class="cm-tag cm-bracket">></span></span></pre></div></div></div><div class="post_comment_info" style="display:;"><div class="mobile_post_comment_info_hd"><div class="mobile_post_comment_time">2020-06-09</div></div><div class="post_comment_opr"><div data-component-identifier="comment-like" class="best_comment_agree click "><i class="icon_post_opr icon_agree"/><span check-reduce="" class="post_opr_wording">赞 </span></div><div class="js_comment post_opr_meta post_opr_meta_comment_reply"><i class="icon_post_opr discuss"/><span check-reduce="" class="post_opr_wording">回复</span></div></div></div><div check-reduce="" class="dialog_wrapper page_mode_dialog_complain dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>请选择投诉理由</h3></div><div class="dialog_bd"><div class="dialog_complain_list"><div class="mod_access"><ul class="access_list"><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">广告内容</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">违法违规</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">恶意灌水内容</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">其他</div></li></ul></div></div></div></div></div></div><div></div><div></div></li><li itemprop="comment" itemscope="itemscope" itemtype="http://schema.org/Comment" id="0006ae98aa0fe000a47ae7a3d53c" class="widget_comment js_post_comment_item post_comment_item "><meta check-reduce="" itemprop="image"/><meta check-reduce="" itemprop="upvoteCount" content="0"/><meta check-reduce="" itemprop="url" content="https://developers.weixin.qq.com/community/develop/doc/00068e11dac1009f8c7a157be56000?jumpto=comment&commentid=0006ae98aa0fe000a47ae7a3d53c"/><meta check-reduce="" itemprop="dateCreated" content="Tue Jun 09 2020 13:49:37 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="dateModified" content="Tue Jun 09 2020 13:49:37 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="commentCount" content="0"/><a href="/community/personal/oCJUsw334X8gh7F4J5I-xMQEoN0o" target="_blank" class="post_comment_owner"><span class="popover__box popover_appreciate popover__box_hide" data-v-0a980b96=""><span class="popover_target"><div class="post_comment_owner_avatar"><img src="https://wx.qlogo.cn/mmhead/Q3auHgzwzM6AHzM7lhnTVWzwXgjqia3EHvcNBUFsBib3ic6wQvrrMtVzA/0" alt="XGX" class="post_comment_owner_avatar_image"/></div><strong data-component-identifier="replybox__nick_name" class="post_comment_owner_nickname">XGX</strong></span></span></a><div class="checking_state_new"><span title="楼主" class="lz_new"/></div><span class="post_comment_pos"><span check-reduce="" class="post_comment_time">2020-06-09</span></span><div check-reduce="" class="post_comment_editor_area comment_editor_box" style=";"><div class="post_comment_content post_editor_box"><div class="mode__rich-text-editor mode__rich-text-editor__normal"><div class="mode__rich-text-editor__header mode__rich-text-editor__header__normal"><div class="mode__rich-text-editor__header__extend"/><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__bold"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__bold ql-bold"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>加粗</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__red"><button value="red" class="mode__rich-text-editor__icon mode__rich-text-editor__icon__red ql-red"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>标红</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-code-block"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__code-block ql-code-block"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入代码</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-link"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__link ql-link"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入链接</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-image"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__image ql-image"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入图片</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-video"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__video ql-video"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>上传视频</p></span></div></div><div class="mode__rich-text-editor__body" style=";"/><div class="mode__rich-text-editor__body" style="display:;"><div> 请 <a>登录</a> 后发表内容 </div></div><div class="dialog_wrapper dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>新增或编辑超链接</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">链接地址</label><div class="frm_controls"><span class="frm_input_box"><input type="text" value="https://" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div><div class="dialog_wrapper dialog__insert-video dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>插入视频</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">视频链接</label><div class="frm_controls"><span class="frm_input_box"><input type="text" placeholder="仅支持插入腾讯视频" value="" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div></div><div class="tool_bar tr"><a href="javascript:;" class="btn btn_primary edui-default">发表</a></div></div></div><div class="post_comment_content_container"><div itemprop="text" class="post_comment_content expanded" style="display:;">真实线上环境地址是：<a href="https://mall.landbond.com/" target="_blank">https://mall.landbond.com/</a></div></div><div itemprop="text" class="post_comment_content" style=";"><p>你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。</p><a href="javascript:;" disabled="disabled" class="btn btn_default" style="margin: 12px 0; color: #999">待楼主反馈</a></div><div class="cm-s-default CodeMirror-wrap"></div><div class="post_comment_info" style="display:;"><div class="mobile_post_comment_info_hd"><div class="mobile_post_comment_time">2020-06-09</div></div><div class="post_comment_opr"><div data-component-identifier="comment-like" class="best_comment_agree click "><i class="icon_post_opr icon_agree"/><span check-reduce="" class="post_opr_wording">赞 </span></div><div class="js_comment post_opr_meta post_opr_meta_comment_reply"><i class="icon_post_opr discuss"/><span check-reduce="" class="post_opr_wording">回复</span></div></div></div><div check-reduce="" class="dialog_wrapper page_mode_dialog_complain dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>请选择投诉理由</h3></div><div class="dialog_bd"><div class="dialog_complain_list"><div class="mod_access"><ul class="access_list"><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">广告内容</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">违法违规</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">恶意灌水内容</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">其他</div></li></ul></div></div></div></div></div></div><div></div><div></div></li><li itemprop="comment" itemscope="itemscope" itemtype="http://schema.org/Comment" id="00026ef2488a98a1a37a8973e5bc" class="widget_comment js_post_comment_item post_comment_item "><meta check-reduce="" itemprop="image"/><meta check-reduce="" itemprop="upvoteCount" content="1"/><meta check-reduce="" itemprop="url" content="https://developers.weixin.qq.com/community/develop/doc/00068e11dac1009f8c7a157be56000?jumpto=comment&commentid=00026ef2488a98a1a37a8973e5bc"/><meta check-reduce="" itemprop="dateCreated" content="Tue Jun 09 2020 14:54:57 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="dateModified" content="Tue Jun 09 2020 14:54:57 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="commentCount" content="0"/><a href="/community/personal/oCJUsw334X8gh7F4J5I-xMQEoN0o" target="_blank" class="post_comment_owner"><span class="popover__box popover_appreciate popover__box_hide" data-v-0a980b96=""><span class="popover_target"><div class="post_comment_owner_avatar"><img src="https://wx.qlogo.cn/mmhead/Q3auHgzwzM6AHzM7lhnTVWzwXgjqia3EHvcNBUFsBib3ic6wQvrrMtVzA/0" alt="XGX" class="post_comment_owner_avatar_image"/></div><strong data-component-identifier="replybox__nick_name" class="post_comment_owner_nickname">XGX</strong></span></span></a><div class="checking_state_new"><span title="楼主" class="lz_new"/></div><span class="post_comment_pos"><span check-reduce="" class="post_comment_time">2020-06-09</span></span><div check-reduce="" class="post_comment_editor_area comment_editor_box" style=";"><div class="post_comment_content post_editor_box"><div class="mode__rich-text-editor mode__rich-text-editor__normal"><div class="mode__rich-text-editor__header mode__rich-text-editor__header__normal"><div class="mode__rich-text-editor__header__extend"/><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__bold"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__bold ql-bold"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>加粗</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__red"><button value="red" class="mode__rich-text-editor__icon mode__rich-text-editor__icon__red ql-red"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>标红</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-code-block"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__code-block ql-code-block"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入代码</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-link"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__link ql-link"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入链接</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-image"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__image ql-image"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入图片</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-video"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__video ql-video"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>上传视频</p></span></div></div><div class="mode__rich-text-editor__body" style=";"/><div class="mode__rich-text-editor__body" style="display:;"><div> 请 <a>登录</a> 后发表内容 </div></div><div class="dialog_wrapper dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>新增或编辑超链接</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">链接地址</label><div class="frm_controls"><span class="frm_input_box"><input type="text" value="https://" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div><div class="dialog_wrapper dialog__insert-video dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>插入视频</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">视频链接</label><div class="frm_controls"><span class="frm_input_box"><input type="text" placeholder="仅支持插入腾讯视频" value="" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div></div><div class="tool_bar tr"><a href="javascript:;" class="btn btn_primary edui-default">发表</a></div></div></div><div class="post_comment_content_container"><div itemprop="text" class="post_comment_content expanded" style="display:;">已经解决了</div></div><div itemprop="text" class="post_comment_content" style=";"><p>你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。</p><a href="javascript:;" disabled="disabled" class="btn btn_default" style="margin: 12px 0; color: #999">待楼主反馈</a></div><div class="cm-s-default CodeMirror-wrap"><div class="comment_reply_input_box__extend__editor__area__code__inner"><div class="comment_reply_input_box__extend__editor__area__code__body"><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-operator"><</span><span class="cm-variable">video</span> <span class="cm-variable">webkit</span><span class="cm-operator">-</span><span class="cm-variable">playsinline</span> <span class="cm-variable">playsinline</span> <span class="cm-variable">x5</span><span class="cm-operator">-</span><span class="cm-variable">video</span><span class="cm-operator">-</span><span class="cm-variable">player</span><span class="cm-operator">-</span><span class="cm-variable">type</span><span class="cm-operator">=</span><span class="cm-string">"h5-page"</span><span class="cm-operator">></span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-operator"><</span><span class="cm-string-2">/video></span></span></pre></div></div></div><div class="post_comment_info" style="display:;"><div class="mobile_post_comment_info_hd"><div class="mobile_post_comment_time">2020-06-09</div></div><div class="post_comment_opr"><div data-component-identifier="comment-like" class="best_comment_agree click "><i class="icon_post_opr icon_agree"/><span check-reduce="" class="post_opr_wording">赞 <span>1</span></span></div><div class="js_comment post_opr_meta post_opr_meta_comment_reply"><i class="icon_post_opr discuss"/><span check-reduce="" class="post_opr_wording">回复</span></div></div></div><div check-reduce="" class="dialog_wrapper page_mode_dialog_complain dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>请选择投诉理由</h3></div><div class="dialog_bd"><div class="dialog_complain_list"><div class="mod_access"><ul class="access_list"><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">广告内容</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">违法违规</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">恶意灌水内容</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">其他</div></li></ul></div></div></div></div></div></div><div></div><div></div></li><li itemprop="comment" itemscope="itemscope" itemtype="http://schema.org/Comment" id="0000e6a58c0b8020889a13f28508" class="widget_comment js_post_comment_item post_comment_item with_reanswer"><meta check-reduce="" itemprop="image"/><meta check-reduce="" itemprop="upvoteCount" content="0"/><meta check-reduce="" itemprop="url" content="https://developers.weixin.qq.com/community/develop/doc/00068e11dac1009f8c7a157be56000?jumpto=comment&commentid=0000e6a58c0b8020889a13f28508"/><meta check-reduce="" itemprop="dateCreated" content="Fri Jul 03 2020 10:46:35 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="dateModified" content="Fri Jul 03 2020 10:46:35 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="commentCount" content="0"/><a href="/community/personal/oCJUsw-FkGaB25--xsVrfc_Gk90o" target="_blank" class="post_comment_owner"><span class="popover__box popover_appreciate popover__box_hide" data-v-0a980b96=""><span class="popover_target"><div class="post_comment_owner_avatar"><img src="https://wx.qlogo.cn/mmhead/8h9QXaJ70ibe4z4AOics1JhLGV9hk4aJcmVdtRMx2HB5lpGgNDoCucmA/0" alt="阿威呀🙄" class="post_comment_owner_avatar_image"/></div><strong data-component-identifier="replybox__nick_name" class="post_comment_owner_nickname">阿威呀🙄</strong></span></span></a><div class="checking_state_new"></div><span class="post_comment_pos"><span check-reduce="" class="post_comment_time">2020-07-03</span></span><span class="reply-comment"><span class="relpy-tips">回复</span><a href="/community/personal/oCJUsw334X8gh7F4J5I-xMQEoN0o" data-component-identifier="replybox__reply_nick_name" target="_blank" class="post_comment_owner_nickname">XGX</a></span><div check-reduce="" class="post_comment_editor_area comment_editor_box" style=";"><div class="post_comment_content post_editor_box"><div class="mode__rich-text-editor mode__rich-text-editor__normal"><div class="mode__rich-text-editor__header mode__rich-text-editor__header__normal"><div class="mode__rich-text-editor__header__extend"/><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__bold"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__bold ql-bold"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>加粗</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__red"><button value="red" class="mode__rich-text-editor__icon mode__rich-text-editor__icon__red ql-red"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>标红</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-code-block"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__code-block ql-code-block"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入代码</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-link"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__link ql-link"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入链接</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-image"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__image ql-image"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入图片</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-video"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__video ql-video"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>上传视频</p></span></div></div><div class="mode__rich-text-editor__body" style=";"/><div class="mode__rich-text-editor__body" style="display:;"><div> 请 <a>登录</a> 后发表内容 </div></div><div class="dialog_wrapper dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>新增或编辑超链接</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">链接地址</label><div class="frm_controls"><span class="frm_input_box"><input type="text" value="https://" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div><div class="dialog_wrapper dialog__insert-video dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component" style="width:600px;"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>插入视频</h3></div><div class="dialog_bd"><div class="frm_control_group"><label for="" class="frm_label">视频链接</label><div class="frm_controls"><span class="frm_input_box"><input type="text" placeholder="仅支持插入腾讯视频" value="" class="frm_input"/></span></div></div></div><div class="dialog_ft"><a href="javascript:;" class="btn btn_info">确认</a><a href="javascript:;" class="btn btn_default">取消</a></div></div></div></div></div><div class="tool_bar tr"><a href="javascript:;" class="btn btn_primary edui-default">发表</a></div></div></div><div class="post_comment_content_container"><div itemprop="text" class="post_comment_content expanded" style="display:;"><video-player webkit-playsinline="webkit-playsinline" playsinline="playsinline" x5-video-player-type=""h5-page""/><br/>这样加可以吗？能起作用吗</div></div><div itemprop="text" class="post_comment_content" style=";"><p>你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。</p><a href="javascript:;" disabled="disabled" class="btn btn_default" style="margin: 12px 0; color: #999">待楼主反馈</a></div><div class="cm-s-default CodeMirror-wrap"></div><div class="post_comment_info" style="display:;"><div class="mobile_post_comment_info_hd"><div class="mobile_post_comment_time">2020-07-03</div></div><div class="post_comment_opr"><div data-component-identifier="comment-like" class="best_comment_agree click "><i class="icon_post_opr icon_agree"/><span check-reduce="" class="post_opr_wording">赞 </span></div><div class="js_comment post_opr_meta post_opr_meta_comment_reply"><i class="icon_post_opr discuss"/><span check-reduce="" class="post_opr_wording">回复</span></div></div></div><div check-reduce="" class="dialog_wrapper page_mode_dialog_complain dialog_with_head" style=";"><div class="dialog_wrp_new dialog_component"><div class="dialog"><a href="javascript:;" class="icon16_opr closed pop_closed">关闭</a><div class="dialog_hd"><h3>请选择投诉理由</h3></div><div class="dialog_bd"><div class="dialog_complain_list"><div class="mod_access"><ul class="access_list"><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">广告内容</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">违法违规</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">恶意灌水内容</div></li><li class="access_list_item access_list_item_hasMore"><div class="access_list_item_head">其他</div></li></ul></div></div></div></div></div></div><div></div><div></div></li><li itemprop="comment" itemscope="itemscope" itemtype="http://schema.org/Comment" id="000a20a2a04b90a0889a2047b510" class="widget_comment js_post_comment_item post_comment_item with_reanswer"><meta check-reduce="" itemprop="image"/><meta check-reduce="" itemprop="upvoteCount" content="0"/><meta check-reduce="" itemprop="url" content="https://developers.weixin.qq.com/community/develop/doc/00068e11dac1009f8c7a157be56000?jumpto=comment&commentid=000a20a2a04b90a0889a2047b510"/><meta check-reduce="" itemprop="dateCreated" content="Fri Jul 03 2020 10:47:09 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="dateModified" content="Fri Jul 03 2020 10:47:09 GMT+0800 (China Standard Time)"/><meta check-reduce="" itemprop="commentCount" content="0"/><a href="/community/personal/oCJUsw-FkGaB25--xsVrfc_Gk90o" target="_blank" class="post_comment_owner"><span class="popover__box popover_appreciate popover__box_hide" data-v-0a980b96=""><span class="popover_target"><div class="post_comment_owner_avatar"><img src="https://wx.qlogo.cn/mmhead/8h9QXaJ70ibe4z4AOics1JhLGV9hk4aJcmVdtRMx2HB5lpGgNDoCucmA/0" alt="阿威呀🙄" class="post_comment_owner_avatar_image"/></div><strong data-component-identifier="replybox__nick_name" class="post_comment_owner_nickname">阿威呀🙄</strong></span></span></a><div class="checking_state_new"></div><span class="post_comment_pos"><span check-reduce="" class="post_comment_time">2020-07-03</span></span><span class="reply-comment"><span class="relpy-tips">回复</span><a href="/community/personal/oCJUsw334X8gh7F4J5I-xMQEoN0o" data-component-identifier="replybox__reply_nick_name" target="_blank" class="post_comment_owner_nickname">XGX</a></span><div check-reduce="" class="post_comment_editor_area comment_editor_box" style=";"><div class="post_comment_content post_editor_box"><div class="mode__rich-text-editor mode__rich-text-editor__normal"><div class="mode__rich-text-editor__header mode__rich-text-editor__header__normal"><div class="mode__rich-text-editor__header__extend"/><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__bold"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__bold ql-bold"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>加粗</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__red"><button value="red" class="mode__rich-text-editor__icon mode__rich-text-editor__icon__red ql-red"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>标红</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-code-block"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__code-block ql-code-block"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入代码</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-link"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__link ql-link"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入链接</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-image"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__image ql-image"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>插入图片</p></span></div><div class="weui-desktop-tooltip__wrp weui-desktop-tooltip__wrp__ql-video"><button class="mode__rich-text-editor__icon mode__rich-text-editor__icon__video ql-video"/><span class="weui-desktop-tooltip weui-desktop-tooltip__" style=";"><p>上传视频</p></span></div></div><div class="mode__rich-text-editor__body" style=";"/><div class="mode__rich-text-editor__body" style="display:;"><div>

置顶 h5播放video在android中脱离文档流怎么解决？ 精选 热门

请选择投诉理由

删除当前帖子

删除后帖子内容及评论将一并被删除，且不可恢复。

关注“微信开放社区”公众号

反馈

h5播放video在android中脱离文档流怎么解决？