{"id":185953,"date":"2023-09-16T19:23:02","date_gmt":"2023-09-16T11:23:02","guid":{"rendered":"http:\/\/www.idc.net\/help\/185953\/"},"modified":"2023-09-16T19:23:02","modified_gmt":"2023-09-16T11:23:02","slug":"%e5%90%8e%e6%b5%aa%e4%ba%91%e7%99%be%e5%ba%a6%e5%b0%8f%e7%a8%8b%e5%ba%8f%e6%95%99%e7%a8%8b%ef%bc%9apage-video-%e7%9f%ad%e8%a7%86%e9%a2%91%e8%af%a6%e6%83%85%e9%a1%b5%e6%a8%a1%e6%9d%bf","status":"publish","type":"post","link":"https:\/\/idc.net\/help\/185953\/","title":{"rendered":"\u540e\u6d6a\u4e91\u767e\u5ea6\u5c0f\u7a0b\u5e8f\u6559\u7a0b\uff1apage-video \u77ed\u89c6\u9891\u8be6\u60c5\u9875\u6a21\u677f"},"content":{"rendered":"<ul>\n<li>page-video \u77ed\u89c6\u9891\u8be6\u60c5\u9875\u6a21\u677f\n<ul>\n<li>\u793a\u4f8b<\/li>\n<li>\u9875\u9762\u5185\u5bb9\n<ul>\n<li>\u77ed\u89c6\u9891\u8be6\u60c5\u9875<\/li>\n<li>\u8bc4\u8bba\u8be6\u60c5\u9875<\/li>\n<\/ul>\n<\/li>\n<li>\u5b57\u6bb5\u8bf4\u660e\n<ul>\n<li>\u8fd4\u56de\u793a\u4f8b\u8bf4\u660e<\/li>\n<li>longVideoInfo \u957f\u89c6\u9891\u4fe1\u606f\u8bf4\u660e<\/li>\n<li>playVideoList \u8fde\u64ad\u5217\u8868\u8bf4\u660e<\/li>\n<li>operateInfo \u8fd0\u8425\u4f4d\u4fe1\u606f\u8bf4\u660e<\/li>\n<\/ul>\n<\/li>\n<li>npm \u4f9d\u8d56<\/li>\n<li>Bug &amp; Tip\n<ul><\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h1><span><\/span>page-video \u77ed\u89c6\u9891\u8be6\u60c5\u9875\u6a21\u677f<\/h1>\n<blockquote>\n<p>\u4ece\u5f00\u53d1\u8005\u5de5\u5177 v2.25.1-rc \u7248\u672c\u3001\u57fa\u7840\u5e93\u7248\u672c 3.190.1 \u7248\u672c\u5f00\u59cb\u652f\u6301\u3002<\/p>\n<\/blockquote>\n<p><strong>\u89e3\u91ca<\/strong>\uff1a\u672c\u6a21\u7248\u9002\u7528\u4e8e\u5feb\u901f\u642d\u5efa\u89c6\u9891\u7247\u82b1\u3001\u9884\u544a\u3001\u77ed\u89c6\u9891\u7b49\u89c6\u9891\u7c7b\u8be6\u60c5\u9875\u3002\u6a21\u7248\u5728\u4fdd\u8bc1\u7528\u6237\u4ea4\u4e92\u4f53\u9a8c\u7684\u57fa\u7840\u4e0a\uff0c\u63d0\u4f9b\u4e86\u4e0d\u540c\u6a21\u5757\uff0c\u914d\u5408\u4f7f\u7528\u52a0\u5165\u4e66\u67b6\u3001\u9884\u7ea6\u548c\u5f15\u5bfc\u5173\u6ce8\u7ec4\u4ef6\uff0c\u5b9e\u73b0\u5174\u8da3\u6fc0\u53d1\uff0c\u5145\u5206\u53d1\u6325\u77ed\u89c6\u9891\u5e26\u957f\u89c6\u9891\u6d88\u8d39\u7684\u79cd\u8349\u4ef7\u503c\uff0c\u62c9\u52a8\u4e8c\u6b21\u91cd\u8bbf\u3002<\/p>\n<h2><span><\/span>\u793a\u4f8b<\/h2>\n<p>\u626b\u7801\u4f53\u9a8c<\/p>\n<p>\u4ee3\u7801\u793a\u4f8b<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/static.sitestack.cn\/projects\/smartprogram-20210306\/97ebf63311ffac886baad1c970c1b97b.png\" class=\"aligncenter\"><\/p>\n<p>\u8bf7\u4f7f\u7528\u767e\u5ea6APP\u626b\u7801<\/p>\n<h2><span><\/span>\u9875\u9762\u5185\u5bb9<\/h2>\n<p>\u6a21\u677f\u5305\u542b\u4e24\u4e2a\u9875\u9762\uff1a\u77ed\u89c6\u9891\u8be6\u60c5\u9875\u3001\u8bc4\u8bba\u8be6\u60c5\u9875\u3002<\/p>\n<h3><span><\/span>\u77ed\u89c6\u9891\u8be6\u60c5\u9875<\/h3>\n<blockquote>\n<p>\u9ed8\u8ba4\u914d\u7f6e\u4e3a\u5bfc\u822a\u680f\u3001\u89c6\u9891\u64ad\u653e\u5668\u3001\u77ed\u89c6\u9891\u6807\u9898\u53ca\u8f85\u52a9\u4fe1\u606f\u533a\u3001\u957f\u89c6\u9891\u4fe1\u606f\u533a\u4e00\u7ad9\u5f0f\u4e92\u52a8\u533a\u7b49\u6a21\u5757\u3002<\/p>\n<\/blockquote>\n<p>\u5305\u542b\u5bfc\u822a\u680f\u3001\u5f15\u5bfc\u5173\u6ce8\u7ec4\u4ef6\u3001\u89c6\u9891\u64ad\u653e\u5668\uff08\u542b\u81ea\u52a8\u8fde\u64ad\u903b\u8f91\uff09\u3001\u77ed\u89c6\u9891\u6807\u9898\u53ca\u8f85\u52a9\u4fe1\u606f\u533a\u3001\u957f\u89c6\u9891\u4fe1\u606f\u533a\u3001\u6d3b\u52a8\u8fd0\u8425\u4f4d\u3001\u767e\u9752\u85e4\u5e7f\u544a\u533a\u3001\u63a8\u8350\u77ed\u89c6\u9891\u533a\u548c\u4e00\u7ad9\u5f0f\u4e92\u52a8\u533a\u7b49\u6a21\u5757\uff0c\u5206\u4e3a\u9ed8\u8ba4\u914d\u7f6e\u6a21\u5757\u548c\u53ef\u9009\u914d\u7f6e\u6a21\u5757\u3002\u5f00\u53d1\u8005\u53ef\u6839\u636e\u81ea\u8eab\u4e1a\u52a1\u5f62\u6001\u9009\u62e9\u5408\u9002\u7684\u6a21\u5757\u8fdb\u884c\u81ea\u5b9a\u4e49\u914d\u7f6e\u3002<\/p>\n<p><strong>\u9875\u9762\u8def\u5f84\uff1apages\/index<\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/static.sitestack.cn\/projects\/smartprogram-20210306\/5253de5d4ce49a52cce0a7291e93b2ed.png\" class=\"aligncenter\"><\/p>\n<\/p>\n<p><strong>\u4ee3\u7801\u793a\u4f8b<\/strong><\/p>\n<ul>\n<li>\n<p>\u83b7\u53d6\u9875\u9762\u6570\u636e\u3002\u53ef\u5c06 getIndexData \u66ff\u6362\u4ee5\u53d1\u9001\u7f51\u7edc\u8bf7\u6c42\u83b7\u53d6\u771f\u5b9e\u6570\u636e\u3002<\/p>\n<\/li>\n<li>\n<p>JS<\/p>\n<\/li>\n<\/ul>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>Page<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>...<\/span><\/code><\/li>\n  \n  \n  <li><code><span> attr<\/span><span>:<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u8bf7\u6c42\u7684 url\uff0c\u8bf7\u66ff\u6362\u4e3a\u771f\u5b9e\u7684\u8bf7\u6c42\u5730\u5740\uff0c\u8be5\u503c\u4ec5\u505a\u4e3a\u793a\u4f8b\uff0c\u503c\u4e3a defaultData \u4e3a\u9ed8\u8ba4\u914d\u7f6e\u793a\u4f8b\uff0c\u5176\u4ed6\u503c\u4e3a\u5168\u914d\u7f6e\u793a\u4f8b<\/span><\/code><\/li>\n  \n  \n  <li><code><span> url<\/span><span>:<\/span><span> <\/span><span>'\/index'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ onLoad\u53c2\u6570<\/span><\/code><\/li>\n  \n  \n  <li><code><span> options<\/span><span>:<\/span><span> <\/span><span>{}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><span> onLoad<\/span><span>(<\/span><span>options<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>getPageData<\/span><span>();<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>...<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><span> getPageData<\/span><span>()<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>const<\/span><span> url <\/span><span>=<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>url<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u6a21\u62df\u8bf7\u6c42\uff0c\u8bf7\u8fdb\u884c\u66ff\u6362<\/span><\/code><\/li>\n  \n  \n  <li><code><span> getIndexData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> url<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}).<\/span><span>then<\/span><span>(<\/span><\/code><\/li>\n  \n  \n  <li><code><span> res <\/span><span>=&gt;<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> res<\/span><span>.<\/span><span>playVideoList<\/span><span>.<\/span><span>forEach<\/span><span>(<\/span><span>item <\/span><span>=&gt;<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u683c\u5f0f\u5316\u64ad\u653e\u6570\u91cf<\/span><\/code><\/li>\n  \n  \n  <li><code><span> item<\/span><span>.<\/span><span>playNum <\/span><span>=<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>formatPlayNum<\/span><span>(<\/span><span>item<\/span><span>.<\/span><span>playNum<\/span><span>);<\/span><\/code><\/li>\n  \n  \n  <li><code><span> item<\/span><span>.<\/span><span>nextInfo <\/span><span>=<\/span><span> <\/span><span>false<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u8fc7\u6ee4\u51fa\u957f\u89c6\u9891<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(<\/span><span>item<\/span><span>.<\/span><span>type <\/span><span>===<\/span><span> <\/span><span>1<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>feedList<\/span><span>.<\/span><span>push<\/span><span>(<\/span><span>item<\/span><span>);<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>let<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> showFeed<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> feedMore<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> feedShowList<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> toolbarConfig<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><span> <\/span><span>=<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>let<\/span><span> feedList <\/span><span>=<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>feedList<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(!<\/span><span>feedList<\/span><span>.<\/span><span>length<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> showFeed <\/span><span>=<\/span><span> <\/span><span>false<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ feed \u5c11\u4e8e5\u6761\u4e0d\u5c55\u793a\u67e5\u770b\u66f4\u591a<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(<\/span><span>feedList<\/span><span>.<\/span><span>length <\/span><span>&lt;=<\/span><span> <\/span><span>5<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> feedMore <\/span><span>=<\/span><span> <\/span><span>false<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> feedShowList <\/span><span>=<\/span><span> feedList<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><span> <\/span><span>else<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u591a\u4e8e5\u6761\u65f6\uff0c\u5148\u5c55\u793a\u524d5\u6761<\/span><\/code><\/li>\n  \n  \n  <li><code><span> feedShowList <\/span><span>=<\/span><span> feedList<\/span><span>.<\/span><span>slice<\/span><span>(<\/span><span>0<\/span><span>,<\/span><span> <\/span><span>5<\/span><span>);<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> toolbarConfig<\/span><span>.<\/span><span>title <\/span><span>=<\/span><span> res<\/span><span>.<\/span><span>longVideoInfo<\/span><span>.<\/span><span>name<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> res<\/span><span>.<\/span><span>longVideoInfo <\/span><span>=<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>formatVideoInfo<\/span><span>(<\/span><span>res<\/span><span>.<\/span><span>longVideoInfo<\/span><span>);<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> playVideoList<\/span><span>:<\/span><span> res<\/span><span>.<\/span><span>playVideoList<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> feedShowList<\/span><span>:<\/span><span> feedShowList<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> longVideoInfo<\/span><span>:<\/span><span> res<\/span><span>.<\/span><span>longVideoInfo<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> operateInfo<\/span><span>:<\/span><span> res<\/span><span>.<\/span><span>operateInfo<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> feedMore<\/span><span>:<\/span><span> feedMore<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> toolbarConfig<\/span><span>:<\/span><span> toolbarConfig<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> showFeed<\/span><span>:<\/span><span> showFeed<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> commentParam<\/span><span>:<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u6587\u7ae0\u7684\u552f\u4e00\u6807\u8bc6<\/span><\/code><\/li>\n  \n  \n  <li><code><span> snid<\/span><span>:<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>options<\/span><span>.<\/span><span>snid<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> path<\/span><span>:<\/span><span> <\/span><span>`\/@smt-ui-template-page-video\/pages\/index\/index?snid=${this.attr.options.snid}`<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> title<\/span><span>:<\/span><span> res<\/span><span>.<\/span><span>longVideoInfo<\/span><span>.<\/span><span>name<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><span> loading<\/span><span>:<\/span><span> <\/span><span>false<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ code 0: \u6b63\u5e38\u83b7\u53d6\u6570\u636e 99999: \u65e0\u7f51\u7edc \u5176\u4ed6: \u670d\u52a1\u5f02\u5e38<\/span><\/code><\/li>\n  \n  \n  <li><code><span> statusType<\/span><span>:<\/span><span> res<\/span><span>.<\/span><span>code <\/span><span>===<\/span><span> <\/span><span>99999<\/span><span> <\/span><span>?<\/span><span> <\/span><span>'noNetwork'<\/span><span> <\/span><span>:<\/span><span> res<\/span><span>.<\/span><span>code <\/span><span>!==<\/span><span> <\/span><span>0<\/span><span> <\/span><span>?<\/span><span> <\/span><span>'warning'<\/span><span> <\/span><span>:<\/span><span> <\/span><span>''<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>);<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span>})<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<ul>\n<li>\n<p>\u5f15\u5bfc\u5173\u6ce8\u7ec4\u4ef6\u3002\u8fdb\u5165\u9875\u9762\u65f6\uff0c\u53ef\u9009\u62e9\u662f\u5426\u5c55\u793a\u5f15\u5bfc\u5173\u6ce8\u7ec4\u4ef6\u3002 <\/p>\n<\/li>\n<li>\n<p>JS<\/p>\n<\/li>\n<\/ul>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>Page<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>...<\/span><\/code><\/li>\n  \n  \n  <li><code><span> attr<\/span><span>:<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u9875\u9762\u5c55\u793a\u65f6\u662f\u5426\u663e\u793a\u5173\u6ce8\u5f15\u5bfctip<\/span><\/code><\/li>\n  \n  \n  <li><code><span> showFavorite<\/span><span>:<\/span><span> <\/span><span>true<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><span> onShow<\/span><span>()<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(<\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>showFavorite<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u9875\u9762\u5c55\u793a\u65f6\u663e\u793a\u5173\u6ce8\u5f15\u5bfc<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>showFavoriteGuide<\/span><span>();<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span>})<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<ul>\n<li>\u89c6\u9891\u64ad\u653e\u5668\uff0c\u652f\u6301\u81ea\u52a8\u8fde\u64ad\u3002<br \/><strong>\u81ea\u52a8\u8fde\u64ad\u903b\u8f91<\/strong>\uff1a\n<ul>\n<li>\u89e6\u53d1\u65f6\u673a\uff1a\u89c6\u9891\u5373\u5c06\u64ad\u653e\u5b8c\u6bd5\uff0c\u8fdb\u5165 5s \u5012\u8ba1\u65f6\u5e76\u5c55\u793a\u63d0\u793a\u6c14\u6ce1\uff0c \u82e5\u9875\u9762\u5904\u4e8e\u6700\u4e0a\u65b9\u5012\u8ba1\u65f6\u7ed3\u675f\u540e\u81ea\u52a8\u8fde\u64ad\u4e0b\u4e00\u6761\u77ed\u89c6\u9891\u3002\u5426\u5219\u963b\u65ad\u8fde\u64ad\uff0c\u5c55\u793a\u8499\u5c42\u3002<\/li>\n<li>\u81ea\u52a8\u8fde\u64ad\u987a\u5e8f\uff1a\u6839\u636e playVideoList \u8fdb\u884c\u53bb\u91cd\u540e\u7684\u987a\u5e8f\u8fdb\u884c\u64ad\u653e\uff0c\u63a8\u8350\u5f00\u53d1\u8005\u5c06\u957f\u89c6\u9891\u653e\u5728 playVideoList \u7684\u6700\u540e\u3002<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<blockquote>\n<ol>\n<li>\u5f53\u524d\u7528\u6237\u9000\u51fa\u5c0f\u7a0b\u5e8f\u540e\uff0c\u5373\u5220\u9664\u5df2\u89c2\u770b\u8bb0\u5f55\uff0c\u4e0b\u6b21\u8fdb\u5165\u5c0f\u7a0b\u5e8f\u77ed\u89c6\u9891\u843d\u5730\u9875\uff0c\u91cd\u65b0\u6267\u884c\u53bb\u91cd\u903b\u8f91\u3002<\/li>\n<li>\u8499\u5c42\u5c55\u793a\u4e0b\u4e00\u6761\u64ad\u653e\u7684\u89c6\u9891\u4fe1\u606f\u5e76\u63d0\u4f9b\u91cd\u64ad\u3001\u89c2\u770b\u6b63\u7247\u3001\u7acb\u5373\u64ad\u653e\u7b49\u529f\u80fd\u3002 <\/li>\n<\/ol>\n<\/blockquote>\n<ul>\n<li>SWAN<\/li>\n<li>JS<\/li>\n<\/ul>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span> <\/span><span>&lt;!-- \u89c6\u9891\u7ec4\u4ef6--&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;video<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>id<\/span><span>=<\/span><span>\"myVideo\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-player\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>src<\/span><span>=<\/span><span>\"{{playVideoList[playIndex] &amp;&amp; playVideoList[playIndex].src}}\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>title<\/span><span>=<\/span><span>\"{{playVideoList[playIndex].title}}\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>autoplay<\/span><span>=<\/span><span>\"true\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>objectFit<\/span><span>=<\/span><span>\"\ufb01ll\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>direction<\/span><span>=<\/span><span>\"true\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>muted<\/span><span>=<\/span><span>\"true\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>show-mute-btn<\/span><span>=<\/span><span>\"true\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>show-center-play-btn<\/span><span>=<\/span><span>\"false\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>bindtimeupdate<\/span><span>=<\/span><span>\"videoTimeUpdateHandler\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>bindplay<\/span><span>=<\/span><span>\"videoPlayHandler\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>bindended<\/span><span>=<\/span><span>\"videoEndedHandler\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/video&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;!-- \u8499\u5c42 --&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover\"<\/span><span> <\/span><span>s-if<\/span><span>=<\/span><span>\"{{!isPlaying &amp;&amp; nextIndex != playIndex}}\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-title\"<\/span><span> <\/span><span>s-if<\/span><span>=<\/span><span>\"{{!timer}}\"<\/span><span>&gt;<\/span><span>\u63a5\u4e0b\u6765\u64ad\u653e<\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-title\"<\/span><span> <\/span><span>s-else<\/span><span>&gt;&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-title-remaining\"<\/span><span>&gt;<\/span><span>{{remainingTime}}s<\/span><span>&lt;\/view&gt;<\/span><span>\u540e\u64ad\u653e<\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-content\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;image<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-content-left\"<\/span><span> <\/span><span>src<\/span><span>=<\/span><span>\"{{playVideoList[nextIndex].poster}}\"<\/span><span> <\/span><span>mode<\/span><span>=<\/span><span>\"scaleToFill\"<\/span><span>&gt;&lt;\/image&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-content-right\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-content-right-text c-line-clamp2\"<\/span><span>&gt;<\/span><span>{{playVideoList[nextIndex].title}}<\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-content-right-num\"<\/span><span>&gt;<\/span><span>{{playVideoList[nextIndex].playNum}}\u6b21\u64ad\u653e<\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-content-right-button\"<\/span><span> <\/span><span>bindtap<\/span><span>=<\/span><span>\"playVideo\"<\/span><span>&gt;<\/span><span>\u7acb\u5373\u64ad\u653e<\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-buttons\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-buttons-item\"<\/span><span> <\/span><span>bindtap<\/span><span>=<\/span><span>\"replayVideo\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;image<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-buttons-item-img\"<\/span><span> <\/span><span>src<\/span><span>=<\/span><span>\"..\/..\/common\/images\/replay.png\"<\/span><span> <\/span><span>mode<\/span><span>=<\/span><span>\"aspectFit\"<\/span><span>&gt;&lt;\/image&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> \u91cd\u64ad<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-buttons-item\"<\/span><span> <\/span><span>bindtap<\/span><span>=<\/span><span>\"navigateTo\"<\/span><span> <\/span><span>data-path<\/span><span>=<\/span><span>\"{{longVideoInfo.path}}\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;image<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-buttons-item-img\"<\/span><span> <\/span><span>src<\/span><span>=<\/span><span>\"..\/..\/common\/images\/play.png\"<\/span><span> <\/span><span>mode<\/span><span>=<\/span><span>\"aspectFit\"<\/span><span>&gt;&lt;\/image&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> \u89c2\u770b\u6b63\u7247<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover replay\"<\/span><span> <\/span><span>s-if<\/span><span>=<\/span><span>\"{{!isPlaying &amp;&amp; nextIndex == playIndex}}\"<\/span><span> <\/span><span>bindtap<\/span><span>=<\/span><span>\"replayVideo\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-replay\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;image<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-cover-replay-icon\"<\/span><span> <\/span><span>src<\/span><span>=<\/span><span>\"..\/..\/common\/images\/replay.png\"<\/span><span> <\/span><span>mode<\/span><span>=<\/span><span>\"scaleToFill\"<\/span><span>&gt;&lt;\/image&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> \u91cd\u64ad<\/span><\/code><\/li>\n  \n  \n  <li><code><span> &lt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;!-- \u4e0b\u4e00\u6761\u89c6\u9891\u63d0\u793a --&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-header-tips c-line-clamp1\"<\/span><span> <\/span><span>s-if<\/span><span>=<\/span><span>\"{{isMonitoring &amp;&amp; isPlaying}}\"<\/span><span>&gt;<\/span><span>\u5373\u5c06\u64ad\u653e\uff1a{{playVideoList[nextIndex].title}}<\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>Page<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>...<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/**<\/span><\/code><\/li>\n  \n  \n  <li><code><span> * \u64ad\u653e\u4e0b\u4e00\u6761\u89c6\u9891<\/span><\/code><\/li>\n  \n  \n  <li><code><span> *\/<\/span><\/code><\/li>\n  \n  \n  <li><code><span> playVideo<\/span><span>()<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> isMonitoring<\/span><span>:<\/span><span> <\/span><span>false<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> isPlaying<\/span><span>:<\/span><span> <\/span><span>true<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> playIndex<\/span><span>:<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>.<\/span><span>nextIndex<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/**<\/span><\/code><\/li>\n  \n  \n  <li><code><span> * \u91cd\u64ad<\/span><\/code><\/li>\n  \n  \n  <li><code><span> *\/<\/span><\/code><\/li>\n  \n  \n  <li><code><span> replayVideo<\/span><span>()<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>videoContext<\/span><span>.<\/span><span>play<\/span><span>();<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> isMonitoring<\/span><span>:<\/span><span> <\/span><span>false<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> isPlaying<\/span><span>:<\/span><span> <\/span><span>true<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/**<\/span><\/code><\/li>\n  \n  \n  <li><code><span> * \u76d1\u542c\u64ad\u653e\u5f00\u59cb\u4e8b\u4ef6<\/span><\/code><\/li>\n  \n  \n  <li><code><span> *\/<\/span><\/code><\/li>\n  \n  \n  <li><code><span> videoPlayHandler<\/span><span>()<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>const<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> timer<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> playVideoList<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> playIndex<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><span> <\/span><span>=<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u5f00\u59cb\u64ad\u653e\u6e05\u9664\u5012\u8ba1\u65f6\u5668<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(<\/span><span>timer<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> clearInterval<\/span><span>(<\/span><span>timer<\/span><span>);<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> timer<\/span><span>:<\/span><span> <\/span><span>null<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(!<\/span><span>playVideoList<\/span><span>[<\/span><span>playIndex<\/span><span>].<\/span><span>nextInfo<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> playVideoList<\/span><span>[<\/span><span>playIndex<\/span><span>].<\/span><span>nextInfo <\/span><span>=<\/span><span> <\/span><span>true<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u6839\u636e\u5df2\u64ad\u5217\u8868\u83b7\u53d6\u4e0b\u4e00\u6761\u89c6\u9891 index<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>for<\/span><span> <\/span><span>(<\/span><span>let<\/span><span> i <\/span><span>=<\/span><span> playIndex <\/span><span>+<\/span><span> <\/span><span>1<\/span><span>;<\/span><span> i <\/span><span>&lt;<\/span><span> playVideoList<\/span><span>.<\/span><span>length<\/span><span>;<\/span><span> i<\/span><span>++)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(<\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>playedList<\/span><span>.<\/span><span>indexOf<\/span><span>(<\/span><span>playVideoList<\/span><span>[<\/span><span>i<\/span><span>].<\/span><span>id<\/span><span>)<\/span><span> <\/span><span>===<\/span><span> <\/span><span>-<\/span><span>1<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> nextIndex<\/span><span>:<\/span><span> i<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>break<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> isMonitoring<\/span><span>:<\/span><span> <\/span><span>false<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/**<\/span><\/code><\/li>\n  \n  \n  <li><code><span> * \u76d1\u542c\u64ad\u653e\u7ed3\u675f\u4e8b\u4ef6<\/span><\/code><\/li>\n  \n  \n  <li><code><span> *\/<\/span><\/code><\/li>\n  \n  \n  <li><code><span> videoEndedHandler<\/span><span>()<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u77ed\u89c6\u9891\u53bb\u91cd<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(<\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>.<\/span><span>playVideoList<\/span><span>[<\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>.<\/span><span>playIndex<\/span><span>].<\/span><span>type <\/span><span>===<\/span><span> <\/span><span>1<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>playedList<\/span><span>.<\/span><span>push<\/span><span>(<\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>.<\/span><span>playVideoList<\/span><span>[<\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>.<\/span><span>playIndex<\/span><span>].<\/span><span>id<\/span><span>);<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u6ca1\u6709\u53ef\u64ad\u653e\u7684\u89c6\u9891<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(<\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>.<\/span><span>nextIndex <\/span><span>===<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>.<\/span><span>playIndex<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u5b58\u5728\u957f\u89c6\u9891\u843d\u5730\u9875\u65f6\u8df3\u8f6c\u957f\u89c6\u9891\u843d\u5730\u9875<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(<\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>.<\/span><span>longVideoInfo<\/span><span>.<\/span><span>path<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> swan<\/span><span>.<\/span><span>navigateTo<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> url<\/span><span>:<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>.<\/span><span>longVideoInfo<\/span><span>.<\/span><span>path<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><span> <\/span><span>else<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u663e\u793a\u91cd\u64ad\u6309\u94ae<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> playIndex<\/span><span>:<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>.<\/span><span>nextIndex<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> isPlaying<\/span><span>:<\/span><span> <\/span><span>false<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>videoContext<\/span><span>.<\/span><span>stop<\/span><span>();<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>return<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u64ad\u4e0b\u4e00\u6761\u89c6\u9891\u65f6\u9875\u9762\u4e0d\u5728\u9876\u90e8<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(<\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>scrollTop <\/span><span>!==<\/span><span> <\/span><span>0<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u53d6\u6d88\u81ea\u52a8\u8fde\u64ad<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>videoContext<\/span><span>.<\/span><span>stop<\/span><span>();<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> isPlaying<\/span><span>:<\/span><span> <\/span><span>false<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u5f00\u542f\u8ba1\u65f6\u5668<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>onTimer<\/span><span>();<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><span> <\/span><span>else<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u4e0d\u88ab\u6253\u65ad\u5219\u76f4\u63a5\u64ad\u653e\u4e0b\u4e00\u6761\u89c6\u9891<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> playIndex<\/span><span>:<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>.<\/span><span>nextIndex<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/**<\/span><\/code><\/li>\n  \n  \n  <li><code><span> * \u76d1\u542c\u64ad\u653e\u8fdb\u5ea6\u53d8\u5316<\/span><\/code><\/li>\n  \n  \n  <li><code><span> * @param {*} e \u4e8b\u4ef6\u5bf9\u8c61<\/span><\/code><\/li>\n  \n  \n  <li><code><span> *\/<\/span><\/code><\/li>\n  \n  \n  <li><code><span> videoTimeUpdateHandler<\/span><span>(<\/span><span>e<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(<\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>.<\/span><span>nextIndex <\/span><span>===<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>.<\/span><span>playIndex<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>return<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>const<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> duration<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> currentTime<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><span> <\/span><span>=<\/span><span> e<\/span><span>.<\/span><span>detail<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u5269\u4f595s \u65f6\u8fdb\u884c\u81ea\u52a8\u64ad\u653e\u63d0\u793a<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(<\/span><span>duration <\/span><span>!==<\/span><span> <\/span><span>0<\/span><span> <\/span><span>&amp;&amp;<\/span><span> currentTime <\/span><span>!==<\/span><span> <\/span><span>0<\/span><span> <\/span><span>&amp;&amp;<\/span><span> duration <\/span><span>-<\/span><span> currentTime <\/span><span>&lt;=<\/span><span> <\/span><span>5<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> isMonitoring<\/span><span>:<\/span><span> <\/span><span>true<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span>})<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<ul>\n<li>\n<p>\u77ed\u89c6\u9891\u6807\u9898\u53ca\u8f85\u52a9\u4fe1\u606f\u533a\u3002\u5c55\u793a\u7528\u6237\u5934\u50cf\u3001\u6635\u79f0\u3001\u64ad\u653e\u6b21\u6570\u3001\u7b80\u4ecb\u3002\u53ef\u5c55\u5f00\u6536\u8d77\uff0c\u9ed8\u8ba4\u4e3a\u6536\u8d77\u6001\u3002 <\/p>\n<\/li>\n<li>\n<p>SWAN<\/p>\n<\/li>\n<li>JS<\/li>\n<\/ul>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>&lt;!-- \u77ed\u89c6\u9891\u6807\u9898\u53ca\u8f85\u52a9\u4fe1\u606f\u533a --&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-introduction\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-introduction-title\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> {{playVideoList[playIndex].title}}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;image<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>s-if<\/span><span>=<\/span><span>\"{{playVideoList[playIndex].time || playVideoList[playIndex].introduction}}\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-introduction-title-switch {{introSwitch ? 'off': '' }}\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>mode<\/span><span>=<\/span><span>\"scaleToFill\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>src<\/span><span>=<\/span><span>\"..\/..\/common\/images\/arrow.png\"<\/span><span> <\/span><span>bindtap<\/span><span>=<\/span><span>\"introductionSwitch\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/image&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-introduction-other\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-introduction-other-num\"<\/span><span>&gt;<\/span><span>{{playVideoList[playIndex].playNum}}\u6b21\u64ad\u653e<\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;image<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-introduction-other-img video-img\"<\/span><span> <\/span><span>mode<\/span><span>=<\/span><span>\"scaleToFill\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>s-if<\/span><span>=<\/span><span>\"{{playVideoList[playIndex].authorImage}}\"<\/span><span> <\/span><span>src<\/span><span>=<\/span><span>\"{{playVideoList[nextIndex].autorImage}}\"<\/span><span>&gt;&lt;\/image&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-introduction-other-name c-line-clamp1\"<\/span><span>&gt;<\/span><span>{{playVideoList[playIndex].authorName}}<\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-introduction-more\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>s-if<\/span><span>=<\/span><span>\"{{introSwitch &amp;&amp; (playVideoList[playIndex].time || playVideoList[playIndex].introduction)}}\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-introduction-more-time\"<\/span><span> <\/span><span>s-if<\/span><span>=<\/span><span>\"{{playVideoList[playIndex].time}}\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> \u53d1\u5e03\u65f6\u95f4\uff1a{{playVideoList[playIndex].time}}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-introduction-more-text c-line-clamp3\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>s-if<\/span><span>=<\/span><span>\"{{playVideoList[playIndex].introduction}}\"<\/span><span>&gt;<\/span><span>{{playVideoList[playIndex].introduction}}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;\/view&gt;<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>Page<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>...<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/**<\/span><\/code><\/li>\n  \n  \n  <li><code><span> * \u5c55\u5f00\u3001\u6536\u8d77\u7b80\u4ecb\u4fe1\u606f<\/span><\/code><\/li>\n  \n  \n  <li><code><span> *\/<\/span><\/code><\/li>\n  \n  \n  <li><code><span> introductionSwitch<\/span><span>()<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> introSwitch<\/span><span>:<\/span><span> <\/span><span>!<\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>.<\/span><span>introSwitch<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span>})<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<ul>\n<li>\n<p>\u957f\u89c6\u9891\u4fe1\u606f\u533a\u3002\u5f53\u8d44\u6e90\u914d\u7f6e\u4e86\u843d\u5730\u9875\u65f6\uff0c\u5c55\u793a\u52a0\u5165\u4e66\u67b6\u6309\u94ae\u548c\u89c2\u770b\u6b63\u7247\u6309\u94ae\uff0c\u70b9\u51fb\u957f\u89c6\u9891\u5c01\u9762\u548c\u89c2\u770b\u6b63\u7247\u6309\u94ae\u53ef\u8df3\u8f6c\u81f3\u957f\u89c6\u9891\u843d\u5730\u9875\u3002\u5f53\u8d44\u6e90\u672a\u914d\u7f6e\u843d\u5730\u9875\u65f6\uff08\u8d44\u6e90\u672a\u4e0a\u6620\uff09\uff0c\u9ed8\u8ba4\u4ec5\u5c55\u793a\u9884\u7ea6\u89c2\u770b\u6309\u94ae\u3002\u52a0\u5165\u4e66\u67b6\u529f\u80fd\u5177\u4f53\u63a5\u5165\u6d41\u7a0b\u53c2\u8003\u4e66\u67b6\u540c\u6b65\u529f\u80fd\u4ecb\u7ecd\uff0c\u652f\u6301\u5c06\u8d44\u6e90\u540c\u6b65\u81f3\u767e\u5ea6 App -\u4e66\u67b6\uff1b\u9884\u7ea6\u529f\u80fd\u5177\u4f53\u63a5\u5165\u6d41\u7a0b\u53c2\u8003\u9884\u7ea6\u8ba2\u9605\u7ec4\u4ef6\uff08\u5e73\u53f0\u914d\u7f6e\u7248\uff09\u548c\u9884\u7ea6\u8ba2\u9605\u7ec4\u4ef6\uff08API\u7248\uff09\u3002<\/p>\n<\/li>\n<li>\n<p>SWAN<\/p>\n<\/li>\n<\/ul>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>&lt;!-- \u957f\u89c6\u9891\u4fe1\u606f\u533a --&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-detail\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-detail-left\"<\/span><span> <\/span><span>bindtap<\/span><span>=<\/span><span>\"navigateTo\"<\/span><span> <\/span><span>data-path<\/span><span>=<\/span><span>\"{{longVideoInfo.path}}\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;image<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-detail-left-img video-img\"<\/span><span> <\/span><span>src<\/span><span>=<\/span><span>\"{{longVideoInfo.poster}}\"<\/span><span> <\/span><span>mode<\/span><span>=<\/span><span>\"scaleToFill\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/image&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-detail-left-play\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;image<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-detail-left-play-icon\"<\/span><span> <\/span><span>src<\/span><span>=<\/span><span>\"..\/..\/common\/images\/play3.png\"<\/span><span> <\/span><span>mode<\/span><span>=<\/span><span>\"scaleToFill\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/image&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-detail-right\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-detail-right-name\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> {{longVideoInfo.name}}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-detail-right-tags c-line-clamp2\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> {{longVideoInfo.info}}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-detail-right-buttons\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;!-- \u7acb\u5373\u89c2\u770b\u6309\u94ae --&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-detail-right-buttons-primary\"<\/span><span> <\/span><span>s-if<\/span><span>=<\/span><span>\"{{longVideoInfo.path}}\"<\/span><span> <\/span><span>bindtap<\/span><span>=<\/span><span>\"navigateTo\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>data-path<\/span><span>=<\/span><span>\"{{longVideoInfo.path}}\"<\/span><span>&gt;<\/span><span>\u89c2\u770b\u6b63\u7247<\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;!-- \u52a0\u5165\u4e66\u67b6\u6309\u94ae --&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-detail-right-buttons-normal\"<\/span><span> <\/span><span>bindtap<\/span><span>=<\/span><span>\"insertBookshelf\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>s-if<\/span><span>=<\/span><span>\"{{longVideoInfo.path || longVideoInfo.bookInfo}}\"<\/span><span>&gt;<\/span><span>\u52a0\u5165\u4e66\u67b6<\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;!-- \u9884\u7ea6\u89c2\u770b\u6309\u94ae --&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;form<\/span><span> <\/span><span>s-if<\/span><span>=<\/span><span>\"{{!longVideoInfo.path || longVideoInfo.subscribeId}}\"<\/span><span> <\/span><span>report-submit<\/span><span>=<\/span><span>\"true\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>report-type<\/span><span>=<\/span><span>\"subscribe\"<\/span><span> <\/span><span>template-id<\/span><span>=<\/span><span>\"BD2305\"<\/span><span> <\/span><span>subscribe-id<\/span><span>=<\/span><span>\"1235\"<\/span><span> <\/span><span>bindsubmit<\/span><span>=<\/span><span>\"formSubmit\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;button<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-detail-right-buttons-normal\"<\/span><span> <\/span><span>formType<\/span><span>=<\/span><span>\"submit\"<\/span><span> <\/span><span>type<\/span><span>=<\/span><span>\"primary\"<\/span><span>&gt;<\/span><span>\u9884\u7ea6\u89c2\u770b<\/span><span>&lt;\/button&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/form&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;\/view&gt;<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<ul>\n<li>\n<p>\u6d3b\u52a8\u8fd0\u8425\u4f4d\u3002\u5f00\u53d1\u8005\u63d0\u4f9b\u6d3b\u52a8\u8fd0\u8425\u56fe\u7247\u548c\u8df3\u8f6c\u5730\u5740\uff0c\u652f\u6301\u8df3\u8f6c\u5230\u5f53\u524d\u5c0f\u7a0b\u5e8f\u5185\u7684\u5176\u4ed6\u9875\u9762\u3002\u4f8b\u5982\uff1a\u53ef\u914d\u7f6e\u65b0\u7528\u6237\u8d2d\u4e70\u4f1a\u5458\u4f18\u60e0\u6d3b\u52a8\u3002 <\/p>\n<\/li>\n<li>\n<p>SWAN<\/p>\n<\/li>\n<\/ul>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>&lt;!-- \u8fd0\u8425\u4f4d --&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-content-operational video-img\"<\/span><span> <\/span><span>s-if<\/span><span>=<\/span><span>\"{{operateInfo.path}}\"<\/span><span> <\/span><span>style<\/span><span>=<\/span><span>\"<\/span><span>background<\/span><span>-<\/span><span>image<\/span><span>:<\/span><span> url<\/span><span>({{<\/span><span>operateInfo<\/span><span>.<\/span><span>img<\/span><span>}});<\/span><span>\"<\/span><span> <\/span><span>bindtap<\/span><span>=<\/span><span>\"navigateTo\"<\/span><span> <\/span><span>data-path<\/span><span>=<\/span><span>\"{{operateInfo.path}}\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;\/view&gt;<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<ul>\n<li>\n<p>\u767e\u9752\u85e4\u5e7f\u544a\u533a\u3002\u5177\u4f53\u63a5\u5165\u6d41\u7a0b\u53c2\u8003 ad \u5e7f\u544a\u7ec4\u4ef6\u3002\u83b7\u53d6 ad \u7ec4\u4ef6\u4ee3\u7801\u540e\u53ef\u66ff\u6362\u6a21\u677f\u4e2d\u7684 ad \u7ec4\u4ef6\u3002 <\/p>\n<\/li>\n<li>\n<p>SWAN<\/p>\n<\/li>\n<\/ul>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>&lt;!-- \u5e7f\u544a\u4f4d \u82e5\u4f7f\u7528\u53ef\u53d6\u6d88\u6ce8\u91ca--&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;!-- &lt;view class=\"video-ad\"&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> &lt;view class=\"video-ad-container\"&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> &lt;ad appid=\"f71feede\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> apid=\"7182325\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> type=\"feed\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> &gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> &lt;\/ad&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> &lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> &lt;view class=\"video-divider wrapper\" s-if=\"{{!showFeed}}\"&gt;&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;\/view&gt; --&gt;<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<ul>\n<li>\n<p>\u63a8\u8350\u77ed\u89c6\u9891\u533a\u3002\u5c55\u793a\u64ad\u653e\u5217\u8868\u7684\u77ed\u89c6\u9891\u3002\u9ed8\u8ba4\u6700\u591a\u5c55\u793a 5 \u6761\u77ed\u89c6\u9891\uff0c\u8d85\u8fc7\u6570\u91cf\u7684\u77ed\u89c6\u9891\u5c06\u88ab\u6298\u53e0\uff0c\u70b9\u51fb\u67e5\u770b\u66f4\u591a\u6bcf\u6b21\u53ef\u518d\u5c55\u5f00 10 \u6761\u77ed\u89c6\u9891\uff0c\u5305\u542b\u89c6\u9891\u7684\u6807\u9898\u3001\u64ad\u653e\u6b21\u6570\u3001\u5c01\u9762\u3001\u65f6\u957f\u7b49\uff0c\u70b9\u51fb\u540e\u8df3\u8f6c\u5230\u77ed\u89c6\u9891\u843d\u5730\u9875\u3002 <\/p>\n<\/li>\n<li>\n<p>SWAN<\/p>\n<\/li>\n<li>JS<\/li>\n<\/ul>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>&lt;!-- \u77ed\u89c6\u9891\u5217\u8868 --&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;view<\/span><span> <\/span><span>s-for<\/span><span>=<\/span><span>\"item in feedShowList\"<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-feed-item\"<\/span><span> <\/span><span>bindtap<\/span><span>=<\/span><span>\"navigateTo\"<\/span><span> <\/span><span>data-path<\/span><span>=<\/span><span>\"{{item.path}}\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-feed-item-left\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-feed-item-left-title c-line-clamp2\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> {{item.title}}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-feed-item-left-num\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> {{item.playNum}}\u6b21\u64ad\u653e<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-feed-item-right\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;image<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-feed-item-right-img video-img\"<\/span><span> <\/span><span>src<\/span><span>=<\/span><span>\"{{item.poster}}\"<\/span><span> <\/span><span>mode<\/span><span>=<\/span><span>\"scaleToFill\"<\/span><span>&gt;&lt;\/image&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-feed-item-right-time\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;image<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-feed-item-right-time-icon\"<\/span><span> <\/span><span>src<\/span><span>=<\/span><span>\"..\/..\/common\/images\/play2.png\"<\/span><span> <\/span><span>mode<\/span><span>=<\/span><span>\"scaleToFill\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/image&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> {{item.duration}}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;view<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-feed-more\"<\/span><span> <\/span><span>bindtap<\/span><span>=<\/span><span>\"feedMoerHandler\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> {{feedMore ? '\u67e5\u770b\u66f4\u591a': '\u6ca1\u6709\u66f4\u591a\u4e86'}}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;image<\/span><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-feed-more-icon\"<\/span><span> <\/span><span>s-if<\/span><span>=<\/span><span>\"{{feedMore}}\"<\/span><span> <\/span><span>src<\/span><span>=<\/span><span>\"..\/..\/common\/images\/arrow.png\"<\/span><span> <\/span><span>mode<\/span><span>=<\/span><span>\"scaleToFill\"<\/span><span>&gt;&lt;\/image&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>&lt;\/view&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;\/view&gt;<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>Page<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>...<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/**<\/span><\/code><\/li>\n  \n  \n  <li><code><span> * \u67e5\u770b\u66f4\u591a\u77ed\u89c6\u9891<\/span><\/code><\/li>\n  \n  \n  <li><code><span> *\/<\/span><\/code><\/li>\n  \n  \n  <li><code><span> feedMoerHandler<\/span><span>()<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>let<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> feedMore<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> feedShowList<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><span> <\/span><span>=<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>data<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>const<\/span><span> start <\/span><span>=<\/span><span> feedShowList<\/span><span>.<\/span><span>length<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>let<\/span><span> <\/span><span>end<\/span><span> <\/span><span>=<\/span><span> start <\/span><span>+<\/span><span> <\/span><span>10<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u7ed3\u675f\u4f4d\u8d85\u51fa\uff0c\u5c55\u793a\u5269\u4f59\u7684\u89c6\u9891<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(<\/span><span>end<\/span><span> <\/span><span>&gt;<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>feedList<\/span><span>.<\/span><span>length<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>end<\/span><span> <\/span><span>=<\/span><span> start <\/span><span>+<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>feedList<\/span><span>.<\/span><span>length <\/span><span>-<\/span><span> feedShowList<\/span><span>.<\/span><span>length<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> feedMore <\/span><span>=<\/span><span> <\/span><span>false<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> feedShowList<\/span><span>.<\/span><span>push<\/span><span>(...<\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>feedList<\/span><span>.<\/span><span>slice<\/span><span>(<\/span><span>start<\/span><span>,<\/span><span> <\/span><span>end<\/span><span>));<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> feedShowList<\/span><span>:<\/span><span> feedShowList<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> feedMore<\/span><span>:<\/span><span> feedMore<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span>})<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<ul>\n<li>\u4e92\u52a8\u533a\u3002\u4f7f\u7528\u4e00\u7ad9\u5f0f\u4e92\u52a8\u7ec4\u4ef6\u3002<\/li>\n<\/ul>\n<blockquote>\n<ol>\n<li>\u4f7f\u7528\u70b9\u8d5e\u3001\u8bc4\u8bba\u529f\u80fd\u65f6\u9700\u8981\u8fdb\u884c\u767b\u5165\u3002<\/li>\n<li>\u4ece\u5176\u4ed6\u9875\u9762\u8df3\u8f6c\u5230\u672c\u6a21\u677f\u65f6\uff0csnid \u6587\u7ae0 id \u9700\u8981\u5728\u52a0\u5728\u8df3\u8f6c\u5230\u672c\u9875\u9762\u7684\u8def\u5f84\u4e0a\uff0c\u8df3\u8f6c\u672c\u9875\u9762\u7684\u8def\u5f84\u5982\uff1a<code>@smt-ui-template-page-video\/pages\/index\/index?snid=10070000311753961<\/code><\/li>\n<\/ol>\n<\/blockquote>\n<ul>\n<li>SWAN<\/li>\n<li>JS<\/li>\n<\/ul>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>&lt;!-- \u8bc4\u8bba\u5217\u8868\u7ec4\u4ef6 --&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;comment-list<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>class<\/span><span>=<\/span><span>\"video-comment\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>is-page-scroll<\/span><span>=<\/span><span>\"false\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>comment-param<\/span><span>=<\/span><span>\"{{commentParam}}\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>detail-path<\/span><span>=<\/span><span>\"{{detailPath}}\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>toolbar-config<\/span><span>=<\/span><span>\"{{toolbarConfig}}\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;\/comment-list&gt;<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>Page<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> data<\/span><span>:<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>...<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u8bc4\u8bba\u53c2\u6570<\/span><\/code><\/li>\n  \n  \n  <li><code><span> commentParam<\/span><span>:<\/span><span> <\/span><span>{},<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u8bc4\u8bba\u8be6\u60c5\u9875\u9762\u8def\u5f84<\/span><\/code><\/li>\n  \n  \n  <li><code><span> detailPath<\/span><span>:<\/span><span> <\/span><span>'\/@smt-ui-template-page-video\/pages\/comment-detail\/index'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><span> onLoad<\/span><span>(<\/span><span>options<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>getPageData<\/span><span>();<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u83b7\u53d6\u6587\u7ae0 id\uff0c\u793a\u4f8b\u4e2d mock \u6570\u636e\uff0c\u4f7f\u7528\u65f6\u8bf7\u4f7f\u7528\u771f\u5b9e\u6570\u636e<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(!<\/span><span>options<\/span><span>.<\/span><span>snid<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> options<\/span><span>.<\/span><span>snid <\/span><span>=<\/span><span> <\/span><span>'10070000311753961'<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>options <\/span><span>=<\/span><span> options<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><span> onReady<\/span><span>()<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> requireDynamicLib<\/span><span>(<\/span><span>'myDynamicLib'<\/span><span>).<\/span><span>listenEvent<\/span><span>();<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><span> getPageData<\/span><span>()<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>...<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>...<\/span><\/code><\/li>\n  \n  \n  <li><code><span> commentParam<\/span><span>:<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u6587\u7ae0\u7684\u552f\u4e00\u6807\u8bc6<\/span><\/code><\/li>\n  \n  \n  <li><code><span> snid<\/span><span>:<\/span><span> <\/span><span>this<\/span><span>.<\/span><span>attr<\/span><span>.<\/span><span>options<\/span><span>.<\/span><span>snid<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> path<\/span><span>:<\/span><span> <\/span><span>`\/@smt-ui-template-page-video\/pages\/index\/index?snid=${this.attr.options.snid}`<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> title<\/span><span>:<\/span><span> res<\/span><span>.<\/span><span>longVideoInfo<\/span><span>.<\/span><span>name<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span>})<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<h3><span><\/span>\u8bc4\u8bba\u8be6\u60c5\u9875<\/h3>\n<p>\u5c55\u793a\u8bc4\u8bba\u8be6\u60c5\u3002<\/p>\n<p><strong>\u9875\u9762\u8def\u5f84\uff1apages\/comment-detail<\/strong><\/p>\n<ul>\n<li>SWAN<\/li>\n<li>JSON<\/li>\n<li>JS<\/li>\n<\/ul>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>&lt;comment-detail<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>comment-param<\/span><span>=<\/span><span>\"{{commentParam}}\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>srid<\/span><span>=<\/span><span>\"{{srid}}\"<\/span><span>&gt;<\/span><\/code><\/li>\n  \n  \n  <li><code><span>&lt;\/comment-detail&gt;<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\"navigationBarTitleText\"<\/span><span>:<\/span><span> <\/span><span>\"\u8bc4\u8bba\u8be6\u60c5\"<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\"usingSwanComponents\"<\/span><span>:<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\"comment-detail\"<\/span><span>:<\/span><span> <\/span><span>\"dynamicLib:\/\/myDynamicLib\/comment-detail\"<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span>}<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>import<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> login<\/span><\/code><\/li>\n  \n  \n  <li><code><span>}<\/span><span> <\/span><span>from<\/span><span> <\/span><span>'..\/..\/utils'<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span>Page<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> data<\/span><span>:<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> srid<\/span><span>:<\/span><span> <\/span><span>''<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> commentParam<\/span><span>:<\/span><span> <\/span><span>{}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><span> onLoad<\/span><span>(<\/span><span>options<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(<\/span><span>options<\/span><span>.<\/span><span>srid<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> srid<\/span><span>:<\/span><span> options<\/span><span>.<\/span><span>srid<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>const<\/span><span> param <\/span><span>=<\/span><span> getApp<\/span><span>().<\/span><span>globalData<\/span><span>.<\/span><span>commentParam<\/span><span>;<\/span><\/code><\/li>\n  \n  \n  <li><code><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>if<\/span><span> <\/span><span>(<\/span><span>param <\/span><span>&amp;&amp;<\/span><span> <\/span><span>Object<\/span><span>.<\/span><span>keys<\/span><span>(<\/span><span>param<\/span><span>).<\/span><span>length<\/span><span>)<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>'commentParam'<\/span><span>:<\/span><span> param<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><span> <\/span><span>else<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>this<\/span><span>.<\/span><span>setData<\/span><span>({<\/span><\/code><\/li>\n  \n  \n  <li><code><span> commentParam<\/span><span>:<\/span><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> snid<\/span><span>:<\/span><span> <\/span><span>'10070000311753961'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> path<\/span><span>:<\/span><span> <\/span><span>'\/pages\/comment\/index?snid=10070000311753961'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> title<\/span><span>:<\/span><span> <\/span><span>'\u6d4b\u8bd5\u6587\u7ae0\u6807\u9898'<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>});<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><span>});<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<h2><span><\/span>\u5b57\u6bb5\u8bf4\u660e<\/h2>\n<p>\u5bf9\u6a21\u677f\u4f7f\u7528\u5230\u7684\u5b57\u6bb5\u8fdb\u884c\u8bf4\u660e\uff0c\u6b64\u90e8\u5206\u7684\u6570\u636e\u5728\u4f7f\u7528\u6a21\u677f\u65f6\u9700\u4ece server \u83b7\u53d6\u3002\u6a21\u677f\u4f5c\u4e3a\u793a\u4f8b\u8fdb\u884c\u4e86 mock \uff0c\u5f00\u53d1\u8005\u53ef\u53c2\u8003\u6570\u636e\u683c\u5f0f\u8fdb\u884c\u5f00\u53d1\u3002<\/p>\n<h3><span><\/span>\u8fd4\u56de\u793a\u4f8b\u8bf4\u660e<\/h3>\n<table>\n<thead>\n<tr>\n<th>\u5b57\u6bb5\u540d<\/th>\n<th>\u7c7b\u578b<\/th>\n<th>\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>code<\/td>\n<td>Number<\/td>\n<td>\u63a5\u53e3\u4fe1\u606f\u3002code 0\uff1a\u6b63\u5e38\u83b7\u53d6\u6570\u636e\uff1b99999\uff1a\u65e0\u7f51\u7edc\uff1b\u5176\u4ed6\uff1a\u670d\u52a1\u5f02\u5e38<\/td>\n<\/tr>\n<tr>\n<td>longVideoInfo<\/td>\n<td>Object<\/td>\n<td>\u957f\u89c6\u9891\u4fe1\u606f\uff0c\u5bf9\u5e94\u6a21\u677f\u957f\u89c6\u9891\u4fe1\u606f\u533a\u90e8\u5206<\/td>\n<\/tr>\n<tr>\n<td>playVideoList<\/td>\n<td>Array<\/td>\n<td>\u8fde\u64ad\u5217\u8868\uff0c\u5bf9\u5e94\u89c6\u9891\u64ad\u653e\u533a\u3001\u77ed\u89c6\u9891\u6807\u9898\u53ca\u8f85\u52a9\u4fe1\u606f\u533a\u548c\u77ed\u89c6\u9891\u5217\u8868\u533a\u90e8\u5206<\/td>\n<\/tr>\n<tr>\n<td>operateInfo<\/td>\n<td>Object<\/td>\n<td>\u8fd0\u8425\u4f4d\u4fe1\u606f\uff0c\u5bf9\u5e94\u6a21\u677f\u8fd0\u8425\u4f4d\u90e8\u5206<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<ul>\n<li>JSON<\/li>\n<\/ul>\n<pre>\n \n \n <ol>\n  \n  \n  <li><code><span>{<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u63a5\u53e3\u4fe1\u606f<\/span><\/code><\/li>\n  \n  \n  <li><code><span> code<\/span><span>:<\/span><span> <\/span><span>0<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u957f\u89c6\u9891\u4fe1\u606f<\/span><\/code><\/li>\n  \n  \n  <li><code><span> longVideoInfo<\/span><span>:<\/span><span> <\/span><span>{<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u957f\u89c6\u9891\u5c01\u9762\u56fe<\/span><\/code><\/li>\n  \n  \n  <li><code><span> poster<\/span><span>:<\/span><span> <\/span><span>'..\/..\/common\/images\/poster1.png'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u957f\u89c6\u9891\u540d\u79f0<\/span><\/code><\/li>\n  \n  \n  <li><code><span> name<\/span><span>:<\/span><span> <\/span><span>'\u5ef6\u79a7\u653b\u7565'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u957f\u89c6\u9891\u8be6\u60c5\u9875\u8def\u5f84\uff0c\u5df2\u5b8c\u7ed3\u3001\u66f4\u65b0\u4e2d\u7684\u8d44\u6e90\u5fc5\u987b\u586b\u5199<\/span><\/code><\/li>\n  \n  \n  <li><code><span> path<\/span><span>:<\/span><span> <\/span><span>'\/longVideo'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u8d44\u6e90\u7c7b\u578b\uff0c\u5982\uff1a\u7535\u89c6\u5267\u3001\u7535\u5f71\u3001\u7efc\u827a\u3001\u52a8\u6f2b\u7b49<\/span><\/code><\/li>\n  \n  \n  <li><code><span> type<\/span><span>:<\/span><span> <\/span><span>'\u7535\u89c6\u5267'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u53d1\u884c\u65f6\u95f4<\/span><\/code><\/li>\n  \n  \n  <li><code><span> year<\/span><span>:<\/span><span> <\/span><span>'2018\u5e74'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u53d1\u884c\u5730\u533a<\/span><\/code><\/li>\n  \n  \n  <li><code><span> area<\/span><span>:<\/span><span> <\/span><span>'\u5185\u5730'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u8d44\u6e90\u6807\u7b7e\uff0c\u5efa\u8bae1-3\u4e2a<\/span><\/code><\/li>\n  \n  \n  <li><code><span> tags<\/span><span>:<\/span><span> <\/span><span>'\u5267\u60c5\u7231\u60c5\u53e4\u88c5'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u66f4\u65b0\u72b6\u6001\uff0c\u5982\u5171X\u96c6\u3001\u66f4\u65b0\u2f84X\u96c6\u3001\u5373\u5c06\u4e0a\u6620\u3001\u5df2\u4e0a\u6620\u3001\u66f4\u65b0\u81f3X\u671f<\/span><\/code><\/li>\n  \n  \n  <li><code><span> update<\/span><span>:<\/span><span> <\/span><span>'\u517152\u96c6'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u5355\u96c6\u7247\u957f\uff0c\u7535\u89c6\u5267\/\u7efc\u827a\u7b49\u53ef\u76f4\u63a5\u586b\u5199\u5355\u96c6\u2f5a\u2ed3X\u5206\u949f\uff0c\u7535\u5f71\u53ef\u586b\u5199\u2f5a\u2ed3X\u5206\u949f<\/span><\/code><\/li>\n  \n  \n  <li><code><span> time<\/span><span>:<\/span><span> <\/span><span>'\u5355\u96c6\u7247\u957f45\u5206\u949f'<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><span> playVideoList<\/span><span>:<\/span><span> <\/span><span>[<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>{<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u8fde\u64ad\u5217\u8868<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u89c6\u9891 id<\/span><\/code><\/li>\n  \n  \n  <li><code><span> id<\/span><span>:<\/span><span> <\/span><span>1<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u89c6\u9891\u5730\u5740<\/span><\/code><\/li>\n  \n  \n  <li><code><span> src<\/span><span>:<\/span><span> <\/span><span>'https:\/\/b.bdstatic.com\/miniapp\/development_tool\/Smartprogram.mp4'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u89c6\u9891\u5c01\u9762<\/span><\/code><\/li>\n  \n  \n  <li><code><span> poster<\/span><span>:<\/span><span> <\/span><span>'..\/..\/common\/images\/poster2.png'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u89c6\u9891\u6807\u9898<\/span><\/code><\/li>\n  \n  \n  <li><code><span> title<\/span><span>:<\/span><span> <\/span><span>'\u8042\u8fdc\u5e74\u8f7b\u7167\u7247\u8ddf\u73b0\u5728\u51e0\u4e4e\u662f\u5224\u82e5\u4e24\u4eba\u7ec8\u4e8e\u660e\u767d\u4e3a\u4ec0\u4e48\u73b0\u5728\u624d\u706b\u4e86\u8042\u8fdc\u5e74\u8f7b\u7167\u7247\u8ddf\u73b0\u5728\u51e0\u4e4e\u662f\u5224\u82e5\u4e24\u4eba\u7ec8\u4e8e\u660e\u767d\u4e3a\u4ec0\u4e48\u73b0\u5728\u624d\u706b\u4e86\u8042\u8fdc\u5e74\u8f7b\u7167\u7247\u8ddf\u73b0\u5728\u51e0\u4e4e\u662f\u5224\u82e5\u4e24\u4eba\u7ec8\u4e8e\u660e\u767d\u4e3a\u4ec0\u4e48\u73b0\u5728\u624d\u706b\u4e86'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u89c6\u9891\u64ad\u653e\u6b21\u6570<\/span><\/code><\/li>\n  \n  \n  <li><code><span> playNum<\/span><span>:<\/span><span> <\/span><span>6334000<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u89c6\u9891\u4f5c\u8005<\/span><\/code><\/li>\n  \n  \n  <li><code><span> authorName<\/span><span>:<\/span><span> <\/span><span>'\u6211\u662f\u4f5c\u80051'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u89c6\u9891\u4f5c\u8005\u5934\u50cf<\/span><\/code><\/li>\n  \n  \n  <li><code><span> authorImage<\/span><span>:<\/span><span> <\/span><span>'..\/..\/common\/images\/author.png'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u89c6\u9891\u65f6\u957f<\/span><\/code><\/li>\n  \n  \n  <li><code><span> duration<\/span><span>:<\/span><span> <\/span><span>'03:20'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u89c6\u9891\u4e0a\u4f20\u65f6\u95f4<\/span><\/code><\/li>\n  \n  \n  <li><code><span> time<\/span><span>:<\/span><span> <\/span><span>'2020\u5e743\u670810\u65e5'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u89c6\u9891\u7b80\u4ecb<\/span><\/code><\/li>\n  \n  \n  <li><code><span> introduction<\/span><span>:<\/span><span> <\/span><span>'\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u89c6\u9891\u7c7b\u578b\uff0c\u77ed\u89c6\u9891\u4e3a 1\u3001\u957f\u89c6\u9891\u4e3a2<\/span><\/code><\/li>\n  \n  \n  <li><code><span> type<\/span><span>:<\/span><span> <\/span><span>1<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> path<\/span><span>:<\/span><span> <\/span><span>'\/dasda'<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> id<\/span><span>:<\/span><span> <\/span><span>2<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> src<\/span><span>:<\/span><span> <\/span><span>'https:\/\/b.bdstatic.com\/miniapp\/development_tool\/2020-6\/1591258607615\/a332aa39e1ff.mp4'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> poster<\/span><span>:<\/span><span> <\/span><span>'..\/..\/common\/images\/poster3.png'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> title<\/span><span>:<\/span><span> <\/span><span>'\u8d3a\u6db5\u5f3a\u52bf\u5411\u5b50\u541b\u8868\u767d\uff0c\u5b50\u541b\u65e0\u6240\u541b\u65e0\u6240\u9002\u4ece'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> playNum<\/span><span>:<\/span><span> <\/span><span>110011000001<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> authorName<\/span><span>:<\/span><span> <\/span><span>'2\u6211\u662f\u4f5c\u8005as\u5927\u5927\u8bf4\u5927\u53a6\u7684\u6492\u65e6\u7684\u6492'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> authorImage<\/span><span>:<\/span><span> <\/span><span>'..\/..\/common\/images\/author2.png'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> duration<\/span><span>:<\/span><span> <\/span><span>'103:20'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> time<\/span><span>:<\/span><span> <\/span><span>'2020\u5e743\u670810\u65e5'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> introduction<\/span><span>:<\/span><span> <\/span><span>'\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> type<\/span><span>:<\/span><span> <\/span><span>1<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> path<\/span><span>:<\/span><span> <\/span><span>'\/dasda'<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> id<\/span><span>:<\/span><span> <\/span><span>3<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> src<\/span><span>:<\/span><span> <\/span><span>'https:\/\/b.bdstatic.com\/swan-temp\/940fe716b0eaad38f47b209d61657490.mp4'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> poster<\/span><span>:<\/span><span> <\/span><span>'..\/..\/common\/images\/poster2.png'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> title<\/span><span>:<\/span><span> <\/span><span>'\u300a\u524d\u534a\u751f\u300b\u5927\u7ed3\u5c40\uff0c\u8d3a\u6db5\u79bb\u804c\u548c\u5b50\u541b\u8fdc\u8d70\uff0c\u5510\u6676\u4e0d\u539f\u8c05'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> playNum<\/span><span>:<\/span><span> <\/span><span>1000000<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> authorName<\/span><span>:<\/span><span> <\/span><span>'\u6211\u662f\u4f5c\u8005'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> authorImage<\/span><span>:<\/span><span> <\/span><span>'..\/..\/common\/images\/author3.png'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> duration<\/span><span>:<\/span><span> <\/span><span>'03:20'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> time<\/span><span>:<\/span><span> <\/span><span>'2020\u5e743\u670810\u65e5'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> introduction<\/span><span>:<\/span><span> <\/span><span>'\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> type<\/span><span>:<\/span><span> <\/span><span>1<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> path<\/span><span>:<\/span><span> <\/span><span>'\/dasda'<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> id<\/span><span>:<\/span><span> <\/span><span>4<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> src<\/span><span>:<\/span><span> <\/span><span>'https:\/\/b.bdstatic.com\/miniapp\/development_tool\/Smartprogram.mp4'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> poster<\/span><span>:<\/span><span> <\/span><span>'..\/..\/common\/images\/poster3.png'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> title<\/span><span>:<\/span><span> <\/span><span>'4\u8042\u8fdc\u5e74\u8f7b\u7167\u7247\u8ddf\u73b0\u5728'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> playNum<\/span><span>:<\/span><span> <\/span><span>6334000<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> authorName<\/span><span>:<\/span><span> <\/span><span>'\u6211\u662f\u4f5c\u8005'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> authorImage<\/span><span>:<\/span><span> <\/span><span>'https:\/\/b.bdstatic.com\/miniapp\/images\/demo-dog.png'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> duration<\/span><span>:<\/span><span> <\/span><span>'03:20'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> time<\/span><span>:<\/span><span> <\/span><span>'2020\u5e743\u670810\u65e5'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> introduction<\/span><span>:<\/span><span> <\/span><span>'\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> type<\/span><span>:<\/span><span> <\/span><span>2<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> path<\/span><span>:<\/span><span> <\/span><span>'\/dasda'<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>},<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>{<\/span><\/code><\/li>\n  \n  \n  <li><code><span> id<\/span><span>:<\/span><span> <\/span><span>5<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> src<\/span><span>:<\/span><span> <\/span><span>'https:\/\/b.bdstatic.com\/miniapp\/development_tool\/2020-6\/1591258607615\/a332aa39e1ff.mp4'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> poster<\/span><span>:<\/span><span> <\/span><span>'..\/..\/common\/images\/poster2.png'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> title<\/span><span>:<\/span><span> <\/span><span>'5\u8042\u8fdc\u5e74\u8f7b\u7167\u7247\u8ddf\u73b0\u5728\u51e0\u4e4e\u662f\u5224\u82e5\u4e24\u4eba\u7ec8\u4e8e\u660e\u767d\u4e3a\u4ec0\u4e48\u73b0\u5728\u624d\u706b\u4e86'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> playNum<\/span><span>:<\/span><span> <\/span><span>1010000<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> authorName<\/span><span>:<\/span><span> <\/span><span>'\u6211\u662f\u4f5c\u8005'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> authorImage<\/span><span>:<\/span><span> <\/span><span>'..\/..\/common\/images\/author3.png'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> duration<\/span><span>:<\/span><span> <\/span><span>'03:20'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> time<\/span><span>:<\/span><span> <\/span><span>'2020\u5e743\u670810\u65e5'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> introduction<\/span><span>:<\/span><span> <\/span><span>'\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9\u8fd9\u662f\u7b80\u4ecb\u5185\u5bb9\u8fd9'<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> type<\/span><span>:<\/span><span> <\/span><span>1<\/span><span>,<\/span><\/code><\/li>\n  \n  \n  <li><code><span> path<\/span><span>:<\/span><span> <\/span><span>'\/dasda'<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>],<\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u8fd0\u8425\u4f4d\u4fe1\u606f<\/span><\/code><\/li>\n  \n  \n  <li><code><span> operateInfo<\/span><span>:<\/span><span> <\/span><span>{<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u8fd0\u8425\u4f4d\u5c01\u9762<\/span><\/code><\/li>\n  \n  \n  <li><code><span> img<\/span><span>:<\/span><span> <\/span><span>'..\/..\/common\/images\/operational.png'<\/span><span>,<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>\/\/ \u8fd0\u8425\u4f4d\u843d\u5730\u9875\u5730\u5740<\/span><\/code><\/li>\n  \n  \n  <li><code><span> path<\/span><span>:<\/span><span> <\/span><span>'\/dsadassdsa'<\/span><span> <\/span><\/code><\/li>\n  \n  \n  <li><code><span> <\/span><span>}<\/span><\/code><\/li>\n  \n  \n  <li><code><span>}<\/span><\/code><\/li>\n \n \n <\/ol><\/pre>\n<h3><span><\/span>longVideoInfo \u957f\u89c6\u9891\u4fe1\u606f\u8bf4\u660e<\/h3>\n<table>\n<thead>\n<tr>\n<th>\u5b57\u6bb5\u540d<\/th>\n<th>\u7c7b\u578b<\/th>\n<th>\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>poster<\/td>\n<td>String<\/td>\n<td>\u957f\u89c6\u9891\u5c01\u9762\u56fe<\/td>\n<\/tr>\n<tr>\n<td>name<\/td>\n<td>String<\/td>\n<td>\u957f\u89c6\u9891\u540d\u79f0<\/td>\n<\/tr>\n<tr>\n<td>path<\/td>\n<td>String<\/td>\n<td>\u957f\u89c6\u9891\u8be6\u60c5\u9875\u8def\u5f84\uff0c\u5df2\u5b8c\u7ed3\u3001\u66f4\u65b0\u4e2d\u7684\u8d44\u6e90\u5fc5\u987b\u586b\u5199<\/td>\n<\/tr>\n<tr>\n<td>type<\/td>\n<td>String<\/td>\n<td>\u8d44\u6e90\u7c7b\u578b\uff0c\u5982\uff1a\u7535\u89c6\u5267\u3001\u7535\u5f71\u3001\u7efc\u827a\u3001\u52a8\u6f2b\u7b49<\/td>\n<\/tr>\n<tr>\n<td>year<\/td>\n<td>String<\/td>\n<td>\u53d1\u884c\u65f6\u95f4<\/td>\n<\/tr>\n<tr>\n<td>area<\/td>\n<td>String<\/td>\n<td>\u53d1\u884c\u5730\u533a<\/td>\n<\/tr>\n<tr>\n<td>tags<\/td>\n<td>String<\/td>\n<td>\u8d44\u6e90\u6807\u7b7e\uff0c\u5efa\u8bae1-3\u4e2a<\/td>\n<\/tr>\n<tr>\n<td>update<\/td>\n<td>String<\/td>\n<td>\u66f4\u65b0\u72b6\u6001\uff0c\u5982\u5171X\u96c6\u3001\u66f4\u65b0\u2f84X\u96c6\u3001\u5373\u5c06\u4e0a\u6620\u3001\u5df2\u4e0a\u6620\u3001\u66f4\u65b0\u81f3X\u671f<\/td>\n<\/tr>\n<tr>\n<td>time<\/td>\n<td>String<\/td>\n<td>\u5355\u96c6\u7247\u957f\uff0c\u7535\u89c6\u5267\/\u7efc\u827a\u7b49\u53ef\u76f4\u63a5\u586b\u5199\u5355\u96c6\u2f5a\u2ed3X\u5206\u949f\uff0c\u7535\u5f71\u53ef\u586b\u5199\u2f5a\u2ed3X\u5206\u949f<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><span><\/span>playVideoList \u8fde\u64ad\u5217\u8868\u8bf4\u660e<\/h3>\n<table>\n<thead>\n<tr>\n<th>\u5b57\u6bb5\u540d<\/th>\n<th>\u7c7b\u578b<\/th>\n<th>\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>id<\/td>\n<td>Number<\/td>\n<td>\u89c6\u9891 id<\/td>\n<\/tr>\n<tr>\n<td>src<\/td>\n<td>String<\/td>\n<td>\u89c6\u9891\u5730\u5740<\/td>\n<\/tr>\n<tr>\n<td>poster<\/td>\n<td>String<\/td>\n<td>\u89c6\u9891\u5c01\u9762<\/td>\n<\/tr>\n<tr>\n<td>title<\/td>\n<td>String<\/td>\n<td>\u89c6\u9891\u6807\u9898<\/td>\n<\/tr>\n<tr>\n<td>playNum<\/td>\n<td>Number<\/td>\n<td>\u89c6\u9891\u64ad\u653e\u6b21\u6570<\/td>\n<\/tr>\n<tr>\n<td>authorName<\/td>\n<td>String<\/td>\n<td>\u89c6\u9891\u4f5c\u8005<\/td>\n<\/tr>\n<tr>\n<td>authorImage<\/td>\n<td>String<\/td>\n<td>\u89c6\u9891\u4f5c\u8005\u5934\u50cf<\/td>\n<\/tr>\n<tr>\n<td>duration<\/td>\n<td>String<\/td>\n<td>\u89c6\u9891\u65f6\u957f<\/td>\n<\/tr>\n<tr>\n<td>time<\/td>\n<td>String<\/td>\n<td>\u89c6\u9891\u4e0a\u4f20\u65f6\u95f4<\/td>\n<\/tr>\n<tr>\n<td>introduction<\/td>\n<td>String<\/td>\n<td>\u5355\u89c6\u9891\u7b80\u4ecb<\/td>\n<\/tr>\n<tr>\n<td>type<\/td>\n<td>Number<\/td>\n<td>\u89c6\u9891\u7c7b\u578b\uff0c\u77ed\u89c6\u9891\u4e3a 1\u3001\u957f\u89c6\u9891\u4e3a2<\/td>\n<\/tr>\n<tr>\n<td>path<\/td>\n<td>String<\/td>\n<td>\u89c6\u9891\u843d\u5730\u9875\u5730\u5740<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><span><\/span>operateInfo \u8fd0\u8425\u4f4d\u4fe1\u606f\u8bf4\u660e<\/h3>\n<table>\n<thead>\n<tr>\n<th>\u5b57\u6bb5\u540d<\/th>\n<th>\u7c7b\u578b<\/th>\n<th>\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>img<\/td>\n<td>String<\/td>\n<td>\u8fd0\u8425\u4f4d\u5c01\u9762\u5730\u5740<\/td>\n<\/tr>\n<tr>\n<td>path<\/td>\n<td>String<\/td>\n<td>\u8fd0\u8425\u4f4d\u843d\u5730\u9875\u5730\u5740<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><span><\/span>npm \u4f9d\u8d56<\/h2>\n<table>\n<thead>\n<tr>\n<th>\u540d\u79f0<\/th>\n<th>\u7248\u672c\u53f7<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>@smt-ui\/component<\/td>\n<td>^1.1.41<\/td>\n<\/tr>\n<tr>\n<td>@smt-ui\/content-component<\/td>\n<td>^0.3.3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><span><\/span>Bug &amp; Tip<\/h2>\n<ul>\n<li>Tip\uff1a\u8be5\u6a21\u677f\u4f7f\u7528\u4e86 ES6 \u8bed\u6cd5\uff0c\u9700\u8981\u5f00\u542f\u5f00\u53d1\u8005\u5de5\u5177\u7684\u589e\u5f3a\u7f16\u8bd1\uff0c\u64cd\u4f5c\u6b65\u9aa4\u53c2\u770b\u5f00\u542f\u8bf4\u660e\uff1b\u540c\u65f6\u4e5f\u9700\u5f00\u542f\u4e0a\u4f20\u4ee3\u7801\u65f6\u6837\u5f0f\u81ea\u52a8\u8865\u5168\u3002<\/li>\n<li>Tip\uff1a\u4ee5\u4e0a\u4ee3\u7801\u793a\u4f8b\u4e3a\u7eaf\u5ba2\u6237\u7aef\u4ee3\u7801\uff0c\u53ef\u76f4\u63a5\u5728\u6a21\u62df\u5668\u548c\u771f\u673a\u9884\u89c8\u3002<\/li>\n<li>Tip\uff1a\u6a21\u677f\u4e2d\u4f7f\u7528\u7684\u662f\u6d4b\u8bd5\u6570\u636e\uff0c\u4f60\u9700\u8981\u4ece\u63a5\u53e3\u4e2d\u83b7\u53d6\u771f\u5b9e\u7684\u6570\u636e\u3002<\/li>\n<li>Tip\uff1a\u9884\u89c8\u65f6\uff0c\u63a7\u5236\u53f0\u62a5\u9519<code>[Dynamic(swan-interaction)][Request failed] get comment list fail with data:<\/code>\uff0c\u662f\u7531\u4e8e\u4e00\u7ad9\u5f0f\u4e92\u52a8\u7ec4\u4ef6\u9700\u8981\u586b\u5199\u6b63\u786e\u7684<code>appid<\/code>\u548c<code>snid<\/code>\uff0c\u8bf7\u5f00\u53d1\u8005\u81ea\u884c\u8865\u5145\u4fee\u6539\uff0c\u4fee\u6539\u65b9\u5f0f\u53c2\u8003\u4e00\u7ad9\u5f0f\u4e92\u52a8\u7ec4\u4ef6\u7684\u4f7f\u7528\u65b9\u6cd5\u3002<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>page-video \u77ed\u89c6\u9891\u8be6\u60c5\u9875\u6a21\u677f \u793a\u4f8b \u9875\u9762\u5185\u5bb9 \u77ed\u89c6\u9891\u8be6\u60c5\u9875 \u8bc4\u8bba\u8be6\u60c5\u9875 \u5b57\u6bb5\u8bf4\u660e \u8fd4\u56de\u793a\u4f8b\u8bf4\u660e lo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":185954,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[182398],"tags":[],"class_list":["post-185953","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mini-program"],"_links":{"self":[{"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/posts\/185953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/comments?post=185953"}],"version-history":[{"count":0,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/posts\/185953\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/media\/185954"}],"wp:attachment":[{"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/media?parent=185953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/categories?post=185953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/tags?post=185953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}