{"id":2886,"date":"2020-05-13T10:43:54","date_gmt":"2020-05-13T02:43:54","guid":{"rendered":"https:\/\/www.wegamedesign.com\/?p=2886"},"modified":"2020-06-03T11:15:36","modified_gmt":"2020-06-03T03:15:36","slug":"jsvideo","status":"publish","type":"post","link":"https:\/\/www.wegamedesign.com\/index.php\/2020\/05\/13\/jsvideo\/","title":{"rendered":"JS\u65b9\u5f0f"},"content":{"rendered":"
\n

\n\u89c6\u9891\u70b9\u64ad\uff1a<\/span><\/p>\n

<div id="container"><\/div>\r\n<!-- \u4f7f\u7528\u76f8\u5bf9\u534f\u8bae\uff0c\u540c\u65f6\u652f\u6301http\u548chttps -->\r\n<script src='\/\/vm.gtimg.cn\/tencentvideo\/txp\/js\/txplayer.js'><\/script>\r\n<script>\r\n    var player = new Txplayer({\r\n        containerId: '\u70b9\u64ad\u5bb9\u5668dom\u7684ID',\r\n        vid: '\u70b9\u64advid',\r\n        width: '600',\r\n        height: '400',\r\n        autoplay: true\r\n    });\r\n<\/script><\/pre>\n
<\/br>
\n\u89c6\u9891\u76f4\u64ad\uff1a<\/span><\/p>\n
<script src="\/\/ossweb-img.qq.com\/images\/js\/jquery\/jquery-1.11.3.min.js"><\/script>\r\n<script src="\/\/vm.gtimg.cn\/tencentvideo\/txvlive\/2017\/txvlive.js"><\/script>\r\n<script>\r\n    var config = {\r\n        containerId: '\u76f4\u64ad\u5bb9\u5668dom\u7684ID',\r\n        vid: '\u76f4\u64adID',\r\n        livepid: '',\r\n        width: '670',\r\n        height: '377',\r\n        autoplay: true\r\n        };\r\n    var player = new TxvLive(config);\r\n    player.on('ready', function () {\r\n    \/\/\u51c6\u5907\u5b8c\u6210\u5f00\u59cb\u64ad\u653e\r\n    });\r\n<\/script><\/pre>\n
<\/br>
\nAPI\uff1a<\/span><\/p>\n
player.play(); \/\/\u64ad\u653e\u89c6\u9891\uff0c\u53ef\u7528\u4f5c\u65e0\u5237\u65b0\u5207\u6362\r\n\r\n\/\/ \u64ad\u653e\u89c6\u9891\u5bf9\u8c61\u53c2\u6570\r\n\r\nplayer.play({vid: 'xxx', autoplay: true})\r\n\r\n\/\/ \u64ad\u653e\u89c6\u9891vid \u5b57\u7b26\u4e32\u53c2\u6570\r\n\r\nplayer.play('xxx')\r\n\r\nplayer.pause(); \/\/\u6682\u505c\u89c6\u9891\r\n\r\nplayer.togglePlayPause(); \/\/\u6682\u505c\u6216\u64ad\u653e\u89c6\u9891\r\n\r\nplayer.seekTo( Number::time ) \/\/\u8df3\u5230\u6307\u5b9a\u65f6\u95f4\u70b9\u64ad\u653e\r\n\r\nplayer.getPlayerState() \/\/\u83b7\u53d6\u89c6\u9891\u64ad\u653e\u72b6\u6001(-1\uff08\u672a\u5f00\u59cb\uff09\u30010\uff08\u5df2\u7ed3\u675f\uff09\u30011\uff08\u6b63\u5728\u64ad\u653e\uff09\u30012\uff08\u5df2\u6682\u505c\uff09\u30013\uff08\u6b63\u5728\u7f13\u51b2\uff09)\r\n\r\nplayer.mute(); \/\/\u9759\u97f3\r\n\r\nplayer.unMute();\/\/\u53d6\u6d88\u9759\u97f3\r\n\r\nplayer.setPoster(String::url); \/\/\u8bbe\u7f6e\u5c01\u9762\u56fe<\/pre>\n
<\/br>\n<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
\u89c6\u9891\u70b9\u64ad\uff1a <div id="container"><\/div>  … Continue reading JS\u65b9\u5f0f<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[181],"tags":[],"_links":{"self":[{"href":"https:\/\/www.wegamedesign.com\/index.php\/wp-json\/wp\/v2\/posts\/2886"}],"collection":[{"href":"https:\/\/www.wegamedesign.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wegamedesign.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wegamedesign.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wegamedesign.com\/index.php\/wp-json\/wp\/v2\/comments?post=2886"}],"version-history":[{"count":8,"href":"https:\/\/www.wegamedesign.com\/index.php\/wp-json\/wp\/v2\/posts\/2886\/revisions"}],"predecessor-version":[{"id":2970,"href":"https:\/\/www.wegamedesign.com\/index.php\/wp-json\/wp\/v2\/posts\/2886\/revisions\/2970"}],"wp:attachment":[{"href":"https:\/\/www.wegamedesign.com\/index.php\/wp-json\/wp\/v2\/media?parent=2886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wegamedesign.com\/index.php\/wp-json\/wp\/v2\/categories?post=2886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wegamedesign.com\/index.php\/wp-json\/wp\/v2\/tags?post=2886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}