{"id":3004409,"date":"2026-09-12T15:57:35","date_gmt":"2026-09-12T07:57:35","guid":{"rendered":"https:\/\/i.flyhare.com\/?page_id=3004409"},"modified":"2026-09-15T10:39:52","modified_gmt":"2026-09-15T02:39:52","slug":"videos","status":"publish","type":"page","link":"https:\/\/i.flyhare.com\/turkish\/videos","title":{"rendered":"videolar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3004409\" class=\"elementor elementor-3004409\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-c9e7269 e-flex e-con-boxed e-con e-parent\" data-id=\"c9e7269\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2159dd1 elementor-widget elementor-widget-video\" data-id=\"2159dd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20240724_66a0918f00bcf.mp4\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-876cf91 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"876cf91\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;highlighted_vertical_offset&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;highlighted_vertical_offset_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;highlighted_vertical_offset_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-center\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h4 class=\"woodmart-title-container title wd-fontsize-l\">Company introduction<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"title-after_title reset-last-child wd-fontsize-xs\">\n\t\t\t\t\t<p>Join a quick walkthrough that focuses on what matters to users and operators. In this video, we explore Runkang Pharmaceutical's modern facilities and innovative approach to traditional Chinese medicine. You'll see inside their 100,000-grade GMPC clean production workshops, discover how their 30+ intelligent production lines achieve over 1.5 million daily servings, and learn about their comprehensive quality management system with international certifications including ISO9001, HACCP, and FDA. We'll also showcase their subsidiary ZeaGrove's development of new Chinese-style herbal dietary products designed for modern consumers seeking convenient, effective health solutions.<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-49e717b e-flex e-con-boxed e-con e-parent\" data-id=\"49e717b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee9a375 wd-width-100 elementor-widget elementor-widget-wd_title\" data-id=\"ee9a375\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;highlighted_vertical_offset&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;highlighted_vertical_offset_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;highlighted_vertical_offset_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"wd_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left\">\n\n\t\t\t\n\t\t\t<div class=\"liner-continer\">\n\t\t\t\t<h2 class=\"woodmart-title-container title wd-fontsize-l\">All Videos<\/h2> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f345ee elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0f345ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af3ea07 e-grid e-con-full e-con e-child\" data-id=\"af3ea07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8ce3be elementor-widget elementor-widget-html\" data-id=\"a8ce3be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c1\u4e2a\u5361\u7247\uff1a\u9648\u76ae\u7ea2\u8c46\u6c99 ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-1\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20260708_6a4de5596eba7.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-1\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-1\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">Healthy Instant Meal Replacement Chenpi Red Bean Paste Dessert Herbal Nourishment<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u5361\u7247\uff0c\u5b8c\u5168\u9694\u79bb\u5176\u4ed6\u5361\u7247\u903b\u8f91\n  const card = $('.single-video-card[data-card-id=\"card-1\"]');\n  const durationEl = $('#videoDuration-1');\n  const coverCanvas = $('#coverCanvas-1')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u7b2c\u4e00\u5e27\u5c01\u9762 + \u83b7\u53d6\u89c6\u9891\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625;\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:16');\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u9884\u89c85\u79d2\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u5df2\u8c03\u6574\u4e3a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = '';\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\n\n<!-- \ud83d\udc47 \u5168\u5c40\u516c\u5171\u90e8\u5206\uff1a\u6574\u4e2a\u9875\u9762\u53ea\u9700\u8981\u653e\u4e00\u6b21\uff0c\u65b0\u589e\u5361\u7247\u4e0d\u9700\u8981\u91cd\u590d\u590d\u5236 -->\n<style>\n\/* \u5355\u4e2a\u5361\u7247\u6837\u5f0f *\/\n.single-video-card {\n  width: 100%;\n  max-width: 100%;\n  background: #fff;\n  border-radius: 12px;\n  overflow: hidden;\n  border: 1px solid #e5e7eb;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  font-family: system-ui, -apple-system, sans-serif;\n}\n.single-video-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 10px 20px rgba(0,0,0,0.08);\n}\n\/* \u5c01\u9762\/\u9884\u89c8\u5bb9\u5668 *\/\n.video-cover-wrap {\n  position: relative;\n  width: 100%;\n  padding-top: 56.25%; \/* 16:9\u89c6\u9891\u6bd4\u4f8b *\/\n  overflow: hidden;\n  background: #f3f4f6; \/* \u52a0\u8f7d\u4e2d\u9ed8\u8ba4\u80cc\u666f *\/\n}\n.video-cover-canvas {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.video-preview {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: none;\n}\n\/* \u65f6\u957f\u6807\u7b7e *\/\n.video-duration {\n  position: absolute;\n  bottom: 10px;\n  right: 10px;\n  background: rgba(0,0,0,0.7);\n  color: #fff;\n  padding: 4px 8px;\n  border-radius: 4px;\n  font-size: 12px;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n.video-duration.loaded {\n  opacity: 1;\n}\n\/* \u5361\u7247\u5185\u5bb9 *\/\n.video-content {\n  padding: 16px;\n}\n.video-title {\n  font-size: 16px;\n  font-weight: 600;\n  color: #1a1a1a;\n  margin: 0;\n  line-height: 1.5;\n}\n\/* \u5f39\u7a97\u6837\u5f0f *\/\n.video-popup-overlay {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0,0,0,0.8);\n  z-index: 99999;\n  justify-content: center;\n  align-items: center;\n  padding: 20px;\n  box-sizing: border-box;\n}\n.video-popup-content {\n  position: relative;\n  width: 100%;\n  max-width: 900px;\n}\n.popup-close {\n  position: absolute;\n  top: -40px;\n  right: 0;\n  width: 32px;\n  height: 32px;\n  background: #000;\n  color: #fff;\n  border: none;\n  border-radius: 50%;\n  font-size: 20px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n#popupVideo {\n  width: 100%;\n  border-radius: 8px;\n}\n<\/style>\n\n<!-- \u5168\u5c40\u89c6\u9891\u5f39\u7a97\uff1a\u4ec5\u97001\u6b21 -->\n<div class=\"video-popup-overlay\" id=\"videoPopup\">\n  <div class=\"video-popup-content\">\n    <button class=\"popup-close\" id=\"closePopup\">\u00d7<\/button>\n    <video id=\"popupVideo\" controls autoplay><\/video>\n  <\/div>\n<\/div>\n\n<!-- \u5168\u5c40\u5f39\u7a97\u5173\u95ed\u903b\u8f91\uff1a\u4ec5\u97001\u6b21 -->\n<script>\njQuery(document).ready(function($) {\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n  const closePopup = $('#closePopup');\n\n  closePopup.on('click', function() {\n    popup.hide();\n    popupVideo.pause();\n    popupVideo.src = '';\n  });\n\n  popup.on('click', function(e) {\n    if(e.target === this) {\n      popup.hide();\n      popupVideo.pause();\n      popupVideo.src = '';\n    }\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f5b8a7 elementor-widget elementor-widget-html\" data-id=\"5f5b8a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u72ec\u7acb\u5361\u7247\uff1aZeaGrove\u5373\u98df\u82b1\u80f6 ========== -->\r\n<div class=\"single-video-card\" \r\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20260706_6a4b05c90feee.mp4\">\r\n  <div class=\"video-cover-wrap\">\r\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-2\"><\/canvas>\r\n    <video muted playsinline class=\"video-preview\"><\/video>\r\n    <span class=\"video-duration\" id=\"videoDuration-2\">--:--<\/span>\r\n  <\/div>\r\n  <div class=\"video-content\">\r\n    <h3 class=\"video-title\">ZeaGrove Instant Fish Maw Premium Collagen Boost<\/h3>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\njQuery(document).ready(function($) {\r\n  const card = $('.single-video-card').filter('[data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20260706_6a4b05c90feee.mp4\"]');\r\n  const durationEl = $('#videoDuration-2');\r\n  const coverCanvas = $('#coverCanvas-2')[0];\r\n  const ctx = coverCanvas.getContext('2d');\r\n  const videoUrl = card.data('video');\r\n  let previewTimer = null;\r\n  const previewVideo = card.find('.video-preview')[0];\r\n  const coverWrap = card.find('.video-cover-wrap');\r\n  const popup = $('#videoPopup');\r\n  const popupVideo = $('#popupVideo')[0];\r\n\r\n  \/\/ \u81ea\u52a8\u751f\u6210\u5c01\u9762+\u83b7\u53d6\u65f6\u957f\r\n  const coverVideo = document.createElement('video');\r\n  coverVideo.crossOrigin = 'anonymous';\r\n  coverVideo.preload = 'metadata';\r\n  coverVideo.src = videoUrl;\r\n  coverVideo.muted = true;\r\n  coverVideo.currentTime = 0.3;\r\n  coverVideo.onloadeddata = function() {\r\n    coverCanvas.width = coverVideo.videoWidth;\r\n    coverCanvas.height = coverVideo.videoHeight;\r\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\r\n    const duration = coverVideo.duration;\r\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\r\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\r\n    durationEl.text(`${minutes}:${seconds}`);\r\n    durationEl.addClass('loaded');\r\n  };\r\n  coverVideo.onerror = function() {\r\n    coverCanvas.width = coverWrap.width();\r\n    coverCanvas.height = coverWrap.height() * 0.5625;\r\n    ctx.fillStyle = '#e5e7eb';\r\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\r\n    \/\/ \u64ad\u653e\u56fe\u6807\u515c\u5e95\r\n    ctx.fillStyle = '#9ca3af';\r\n    ctx.beginPath();\r\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\r\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\r\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\r\n    ctx.closePath();\r\n    ctx.fill();\r\n    durationEl.text('00:16');\r\n    durationEl.addClass('loaded');\r\n  };\r\n\r\n  \/\/  hover\u9884\u89c83\u79d2\r\n  card.on('mouseenter', function() {\r\n    clearTimeout(previewTimer);\r\n    previewVideo.src = videoUrl;\r\n    previewVideo.load();\r\n    $(previewVideo).show();\r\n    $(coverCanvas).hide();\r\n    previewVideo.play().catch(err => console.log('\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\r\n    previewTimer = setTimeout(() => {\r\n      previewVideo.pause();\r\n      previewVideo.currentTime = 0;\r\n      $(previewVideo).hide();\r\n      $(coverCanvas).show();\r\n    }, 5000);\r\n  });\r\n\r\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\r\n  card.on('mouseleave', function() {\r\n    clearTimeout(previewTimer);\r\n    previewVideo.pause();\r\n    previewVideo.currentTime = 0;\r\n    $(previewVideo).hide();\r\n    $(coverCanvas).show();\r\n    previewVideo.src = '';\r\n  });\r\n\r\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u64ad\u653e\r\n  card.on('click', function() {\r\n    popupVideo.src = videoUrl;\r\n    popup.css('display', 'flex');\r\n    popupVideo.play().catch(err => console.log('\u64ad\u653e\u5931\u8d25', err));\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf32bbb elementor-widget elementor-widget-html\" data-id=\"cf32bbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u72ec\u7acb\u5361\u72473\uff1a\u539a\u6930\u4e73\u71d5\u7a9d ========== -->\r\n<div class=\"single-video-card\" \r\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20260703_6a471a600861e.mp4\">\r\n  <div class=\"video-cover-wrap\">\r\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-3\"><\/canvas>\r\n    <video muted playsinline class=\"video-preview\"><\/video>\r\n    <span class=\"video-duration\" id=\"videoDuration-3\">--:--<\/span>\r\n  <\/div>\r\n  <div class=\"video-content\">\r\n    <h3 class=\"video-title\">Thick Coconut Milk Bird's nest<\/h3>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\njQuery(document).ready(function($) {\r\n  const card = $('.single-video-card').filter('[data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20260703_6a471a600861e.mp4\"]');\r\n  const durationEl = $('#videoDuration-3');\r\n  const coverCanvas = $('#coverCanvas-3')[0];\r\n  const ctx = coverCanvas.getContext('2d');\r\n  const videoUrl = card.data('video');\r\n  let previewTimer = null;\r\n  const previewVideo = card.find('.video-preview')[0];\r\n  const coverWrap = card.find('.video-cover-wrap');\r\n  const popup = $('#videoPopup');\r\n  const popupVideo = $('#popupVideo')[0];\r\n\r\n  \/\/ \u81ea\u52a8\u751f\u6210\u5c01\u9762+\u83b7\u53d6\u65f6\u957f\r\n  const coverVideo = document.createElement('video');\r\n  coverVideo.crossOrigin = 'anonymous';\r\n  coverVideo.preload = 'metadata';\r\n  coverVideo.src = videoUrl;\r\n  coverVideo.muted = true;\r\n  coverVideo.currentTime = 1.8;\r\n  coverVideo.onloadeddata = function() {\r\n    coverCanvas.width = coverVideo.videoWidth;\r\n    coverCanvas.height = coverVideo.videoHeight;\r\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\r\n    const duration = coverVideo.duration;\r\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\r\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\r\n    durationEl.text(`${minutes}:${seconds}`);\r\n    durationEl.addClass('loaded');\r\n  };\r\n  coverVideo.onerror = function() {\r\n    coverCanvas.width = coverWrap.width();\r\n    coverCanvas.height = coverWrap.height() * 0.5625;\r\n    ctx.fillStyle = '#e5e7eb';\r\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\r\n    \/\/ \u64ad\u653e\u56fe\u6807\u515c\u5e95\r\n    ctx.fillStyle = '#9ca3af';\r\n    ctx.beginPath();\r\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\r\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\r\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\r\n    ctx.closePath();\r\n    ctx.fill();\r\n    durationEl.text('00:15');\r\n    durationEl.addClass('loaded');\r\n  };\r\n\r\n  \/\/ hover\u9884\u89c85\u79d2\r\n  card.on('mouseenter', function() {\r\n    clearTimeout(previewTimer);\r\n    previewVideo.src = videoUrl;\r\n    previewVideo.load();\r\n    $(previewVideo).show();\r\n    $(coverCanvas).hide();\r\n    previewVideo.play().catch(err => console.log('\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\r\n    previewTimer = setTimeout(() => {\r\n      previewVideo.pause();\r\n      previewVideo.currentTime = 0;\r\n      $(previewVideo).hide();\r\n      $(coverCanvas).show();\r\n    }, 5000); \/\/ \u9884\u89c8\u65f6\u957f\u5df2\u6539\u4e3a5000\u6beb\u79d2=5\u79d2\r\n  });\r\n\r\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\r\n  card.on('mouseleave', function() {\r\n    clearTimeout(previewTimer);\r\n    previewVideo.pause();\r\n    previewVideo.currentTime = 0;\r\n    $(previewVideo).hide();\r\n    $(coverCanvas).show();\r\n    previewVideo.src = '';\r\n  });\r\n\r\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u64ad\u653e\r\n  card.on('click', function() {\r\n    popupVideo.src = videoUrl;\r\n    popup.css('display', 'flex');\r\n    popupVideo.play().catch(err => console.log('\u64ad\u653e\u5931\u8d25', err));\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8852a5 elementor-widget elementor-widget-html\" data-id=\"a8852a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c4\u4e2a\u5361\u7247\uff1a\u5373\u98df\u9c9c\u71d5\u7a9d ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-4\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20250926_68d63ee7c03eb.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-4\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-4\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">Fresh Edible Bird's nest \u2013Ready-To-Eat Nourishment For Skin Beauty Wellness<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c4\u4e2a\u5361\u7247\uff0c\u548c\u5176\u4ed6\u5361\u7247\u903b\u8f91\u5b8c\u5168\u9694\u79bb\n  const card = $('.single-video-card[data-card-id=\"card-4\"]');\n  const durationEl = $('#videoDuration-4');\n  const coverCanvas = $('#coverCanvas-4')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u89c6\u9891\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625;\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:15');\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u9884\u89c85\u79d2\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u5df2\u56fa\u5b9a\u4e3a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = '';\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bae147 elementor-widget elementor-widget-html\" data-id=\"3bae147\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c5\u4e2a\u5361\u7247\uff1a\u725b\u5976\u71d5\u7a9d200g ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-5\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20250831_68b42ec14e501.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-5\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-5\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">High Protein Functional Bird\u2019S Nest With Milk Ready To Eat Collagen Rich Superfood 200g<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c5\u5f20\u5361\u7247\uff0c\u548c\u5176\u4ed6\u5361\u7247\u903b\u8f91\u5b8c\u5168\u9694\u79bb\n  const card = $('.single-video-card[data-card-id=\"card-5\"]');\n  const durationEl = $('#videoDuration-5');\n  const coverCanvas = $('#coverCanvas-5')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u89c6\u9891\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625;\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:18');\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u9884\u89c85\u79d2\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u56fa\u5b9a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = '';\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b85c74 elementor-widget elementor-widget-html\" data-id=\"6b85c74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c6\u4e2a\u5361\u7247\uff1a\u5373\u98df\u82b1\u80f6 ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-6\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20250831_68b42c928ac7d.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-6\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-6\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">Instant Fish Maw<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c6\u5f20\u5361\u7247\uff0c\u548c\u5176\u4ed6\u5361\u7247\u903b\u8f91\u5b8c\u5168\u9694\u79bb\n  const card = $('.single-video-card[data-card-id=\"card-6\"]');\n  const durationEl = $('#videoDuration-6');\n  const coverCanvas = $('#coverCanvas-6')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u89c6\u9891\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625;\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:15');\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u9884\u89c85\u79d2\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u56fa\u5b9a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = '';\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b689f6 elementor-widget elementor-widget-html\" data-id=\"8b689f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c7\u4e2a\u5361\u7247\uff1a\u4e2d\u5f0f\u8349\u672c\u9f9f\u82d3\u818f ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-7\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20240717_66978f3d0dff6.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-7\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-7\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">Chinese Herbal Jelly, Taste The Taste Of The East<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c7\u5f20\u5361\u7247\uff0c\u548c\u5176\u4ed6\u5361\u7247\u903b\u8f91\u5b8c\u5168\u72ec\u7acb\n  const card = $('.single-video-card[data-card-id=\"card-7\"]');\n  const durationEl = $('#videoDuration-7');\n  const coverCanvas = $('#coverCanvas-7')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u89c6\u9891\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u5b9e\u9645\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625; \/\/ \u9ed8\u8ba416:9\u6bd4\u4f8b\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    \/\/ \u7ed8\u5236\u64ad\u653e\u56fe\u6807\u5360\u4f4d\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:22'); \/\/ \u515c\u5e95\u9ed8\u8ba4\u65f6\u957f\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u89e6\u53d15\u79d2\u9884\u89c8\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u7b2c7\u5361\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u56fa\u5b9a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\u65f6\u957f\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\u5e76\u91cd\u7f6e\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = ''; \/\/ \u6e05\u7a7a\u6e90\u907f\u514d\u540e\u53f0\u52a0\u8f7d\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\u64ad\u653e\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u7b2c7\u5361\u5168\u5c4f\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89d98a3 elementor-widget elementor-widget-html\" data-id=\"89d98a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c8\u4e2a\u5361\u7247\uff1a\u9632\u4f2a\u6eaf\u6e90\u5373\u98df\u82b1\u80f6\u7ca5\u793c\u76d2 ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-8\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20240717_669793ada9547.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-8\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-8\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">Anti Counterfeiting Traceable Instant Fish Maw Porridge Gift Box 258g<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c8\u5f20\u5361\u7247\uff0c\u903b\u8f91\u5b8c\u5168\u72ec\u7acb\n  const card = $('.single-video-card[data-card-id=\"card-8\"]');\n  const durationEl = $('#videoDuration-8');\n  const coverCanvas = $('#coverCanvas-8')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u89c6\u9891\u5b9e\u9645\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625; \/\/ 16:9\u9ed8\u8ba4\u6bd4\u4f8b\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    \/\/ \u7ed8\u5236\u5360\u4f4d\u64ad\u653e\u56fe\u6807\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:18'); \/\/ \u515c\u5e95\u9ed8\u8ba4\u65f6\u957f\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u89e6\u53d15\u79d2\u9884\u89c8\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u7b2c8\u5361\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u56fa\u5b9a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\u65f6\u957f\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\u5e76\u91cd\u7f6e\u72b6\u6001\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = ''; \/\/ \u6e05\u7a7a\u6e90\u907f\u514d\u540e\u53f0\u52a0\u8f7d\u5360\u7528\u8d44\u6e90\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\u64ad\u653e\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u7b2c8\u5361\u5168\u5c4f\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2afb57 elementor-widget elementor-widget-html\" data-id=\"f2afb57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c9\u4e2a\u5361\u7247\uff1a\u517b\u751f\u7ca5 ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-9\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20240717_6697817ead8d4.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-9\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-9\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">Healthy Porridge<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c9\u5f20\u5361\u7247\uff0c\u903b\u8f91\u5b8c\u5168\u72ec\u7acb\n  const card = $('.single-video-card[data-card-id=\"card-9\"]');\n  const durationEl = $('#videoDuration-9');\n  const coverCanvas = $('#coverCanvas-9')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u89c6\u9891\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u5b9e\u9645\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625; \/\/ \u9ed8\u8ba416:9\u6bd4\u4f8b\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    \/\/ \u7ed8\u5236\u5360\u4f4d\u64ad\u653e\u56fe\u6807\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:16'); \/\/ \u515c\u5e95\u9ed8\u8ba4\u65f6\u957f\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u89e6\u53d15\u79d2\u9884\u89c8\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u7b2c9\u5361\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u56fa\u5b9a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\u65f6\u957f\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\u5e76\u91cd\u7f6e\u72b6\u6001\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = ''; \/\/ \u6e05\u7a7a\u6e90\u907f\u514d\u540e\u53f0\u52a0\u8f7d\u5360\u7528\u8d44\u6e90\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\u64ad\u653e\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u7b2c9\u5361\u5168\u5c4f\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06561e1 elementor-widget elementor-widget-html\" data-id=\"06561e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c10\u4e2a\u5361\u7247\uff1a\u725b\u5976\u82b1\u80f6\u751f\u4ea7\u5de5\u827a ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-10\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20240717_66978a3cb2850.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-10\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-10\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">Production Process of Milk Fish Maw<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c10\u5f20\u5361\u7247\uff0c\u903b\u8f91\u5b8c\u5168\u72ec\u7acb\n  const card = $('.single-video-card[data-card-id=\"card-10\"]');\n  const durationEl = $('#videoDuration-10');\n  const coverCanvas = $('#coverCanvas-10')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u89c6\u9891\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u5b9e\u9645\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625; \/\/ \u9ed8\u8ba416:9\u6bd4\u4f8b\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    \/\/ \u7ed8\u5236\u5360\u4f4d\u64ad\u653e\u56fe\u6807\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:24'); \/\/ \u515c\u5e95\u9ed8\u8ba4\u65f6\u957f\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u89e6\u53d15\u79d2\u9884\u89c8\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u7b2c10\u5361\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u56fa\u5b9a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\u65f6\u957f\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\u5e76\u91cd\u7f6e\u72b6\u6001\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = ''; \/\/ \u6e05\u7a7a\u6e90\u907f\u514d\u540e\u53f0\u52a0\u8f7d\u5360\u7528\u8d44\u6e90\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\u64ad\u653e\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u7b2c10\u5361\u5168\u5c4f\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f96c17e elementor-widget elementor-widget-html\" data-id=\"f96c17e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c11\u4e2a\u5361\u7247\uff1a\u6843\u80f6\u751c\u54c1 ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-11\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20240717_66977f7bab167.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-11\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-11\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">Peach Gum Dessert<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c11\u5f20\u5361\u7247\uff0c\u903b\u8f91\u5b8c\u5168\u72ec\u7acb\n  const card = $('.single-video-card[data-card-id=\"card-11\"]');\n  const durationEl = $('#videoDuration-11');\n  const coverCanvas = $('#coverCanvas-11')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u89c6\u9891\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u5b9e\u9645\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625; \/\/ \u9ed8\u8ba416:9\u6bd4\u4f8b\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    \/\/ \u7ed8\u5236\u5360\u4f4d\u64ad\u653e\u56fe\u6807\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:21'); \/\/ \u515c\u5e95\u9ed8\u8ba4\u65f6\u957f\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u89e6\u53d15\u79d2\u9884\u89c8\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u7b2c11\u5361\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u56fa\u5b9a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\u65f6\u957f\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\u5e76\u91cd\u7f6e\u72b6\u6001\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = ''; \/\/ \u6e05\u7a7a\u6e90\u907f\u514d\u540e\u53f0\u52a0\u8f7d\u5360\u7528\u8d44\u6e90\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\u64ad\u653e\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u7b2c11\u5361\u5168\u5c4f\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97b7ee4 elementor-widget elementor-widget-html\" data-id=\"97b7ee4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c12\u4e2a\u5361\u7247\uff1a\u5373\u98df\u71d5\u7a9d ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-12\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20240717_66978e166b090.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-12\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-12\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">Instant Bird<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c12\u5f20\u5361\u7247\uff0c\u903b\u8f91\u5b8c\u5168\u72ec\u7acb\n  const card = $('.single-video-card[data-card-id=\"card-12\"]');\n  const durationEl = $('#videoDuration-12');\n  const coverCanvas = $('#coverCanvas-12')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u89c6\u9891\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u5b9e\u9645\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625; \/\/ \u9ed8\u8ba416:9\u6bd4\u4f8b\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    \/\/ \u7ed8\u5236\u5360\u4f4d\u64ad\u653e\u56fe\u6807\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:18'); \/\/ \u515c\u5e95\u9ed8\u8ba4\u65f6\u957f\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u89e6\u53d15\u79d2\u9884\u89c8\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u7b2c12\u5361\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u56fa\u5b9a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\u65f6\u957f\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\u5e76\u91cd\u7f6e\u72b6\u6001\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = ''; \/\/ \u6e05\u7a7a\u6e90\u907f\u514d\u540e\u53f0\u52a0\u8f7d\u5360\u7528\u8d44\u6e90\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\u64ad\u653e\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u7b2c12\u5361\u5168\u5c4f\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7df0ef7 elementor-widget elementor-widget-html\" data-id=\"7df0ef7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c13\u4e2a\u5361\u7247\uff1a\u81ea\u70ed\u517b\u751f\u6c64 ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-13\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20240717_669788bfc194b.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-13\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-13\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">Self-Heating Health Soup , Self-Heating In 5 Minutes, More Convenient And Faster Than You Can Imagine<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c13\u5f20\u5361\u7247\uff0c\u903b\u8f91\u5b8c\u5168\u72ec\u7acb\n  const card = $('.single-video-card[data-card-id=\"card-13\"]');\n  const durationEl = $('#videoDuration-13');\n  const coverCanvas = $('#coverCanvas-13')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u89c6\u9891\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u5b9e\u9645\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625; \/\/ \u9ed8\u8ba416:9\u6bd4\u4f8b\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    \/\/ \u7ed8\u5236\u5360\u4f4d\u64ad\u653e\u56fe\u6807\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:25'); \/\/ \u515c\u5e95\u9ed8\u8ba4\u65f6\u957f\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u89e6\u53d15\u79d2\u9884\u89c8\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u7b2c13\u5361\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u56fa\u5b9a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\u65f6\u957f\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\u5e76\u91cd\u7f6e\u72b6\u6001\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = ''; \/\/ \u6e05\u7a7a\u6e90\u907f\u514d\u540e\u53f0\u52a0\u8f7d\u5360\u7528\u8d44\u6e90\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\u64ad\u653e\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u7b2c13\u5361\u5168\u5c4f\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-801e9fc elementor-widget elementor-widget-html\" data-id=\"801e9fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c14\u4e2a\u5361\u7247\uff1a\u9648\u76ae\u7eff\u8c46\u6c99 ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-14\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20240717_669796a05fb2b.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-14\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-14\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">TCM Chenpi Mung Bean Paste<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c14\u5f20\u5361\u7247\uff0c\u903b\u8f91\u5b8c\u5168\u72ec\u7acb\n  const card = $('.single-video-card[data-card-id=\"card-14\"]');\n  const durationEl = $('#videoDuration-14');\n  const coverCanvas = $('#coverCanvas-14')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u89c6\u9891\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u5b9e\u9645\u603b\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625; \/\/ \u9ed8\u8ba416:9\u6bd4\u4f8b\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    \/\/ \u7ed8\u5236\u5360\u4f4d\u64ad\u653e\u56fe\u6807\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:22'); \/\/ \u515c\u5e95\u9ed8\u8ba4\u65f6\u957f\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u89e6\u53d15\u79d2\u9884\u89c8\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u7b2c14\u5361\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u56fa\u5b9a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\u65f6\u957f\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\u5e76\u91cd\u7f6e\u72b6\u6001\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = ''; \/\/ \u6e05\u7a7a\u6e90\u907f\u514d\u540e\u53f0\u52a0\u8f7d\u5360\u7528\u8d44\u6e90\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\u64ad\u653e\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u7b2c14\u5361\u5168\u5c4f\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5820439 elementor-widget elementor-widget-html\" data-id=\"5820439\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c15\u4e2a\u5361\u7247\uff1a\u94f6\u8033\u751c\u54c1 ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-15\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20240717_6697940ba8680.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-15\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-15\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">Tremella Dessert<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c15\u5f20\u5361\u7247\uff0c\u903b\u8f91\u5b8c\u5168\u72ec\u7acb\n  const card = $('.single-video-card[data-card-id=\"card-15\"]');\n  const durationEl = $('#videoDuration-15');\n  const coverCanvas = $('#coverCanvas-15')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u89c6\u9891\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u5b9e\u9645\u603b\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625; \/\/ \u9ed8\u8ba416:9\u6bd4\u4f8b\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    \/\/ \u7ed8\u5236\u5360\u4f4d\u64ad\u653e\u56fe\u6807\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:20'); \/\/ \u515c\u5e95\u9ed8\u8ba4\u65f6\u957f\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u89e6\u53d15\u79d2\u9884\u89c8\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u7b2c15\u5361\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u56fa\u5b9a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\u65f6\u957f\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\u5e76\u91cd\u7f6e\u72b6\u6001\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = ''; \/\/ \u6e05\u7a7a\u6e90\u907f\u514d\u540e\u53f0\u52a0\u8f7d\u5360\u7528\u8d44\u6e90\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\u64ad\u653e\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u7b2c15\u5361\u5168\u5c4f\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22f6e19 elementor-widget elementor-widget-html\" data-id=\"22f6e19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c16\u4e2a\u5361\u7247\uff1a\u9c8d\u9c7c\u82b1\u80f6\u91d1\u6c64 ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-16\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20240717_6697954d565bd.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-16\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-16\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">Golden Soup With Abalone And Fish Maw<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c16\u5f20\u5361\u7247\uff0c\u903b\u8f91\u5b8c\u5168\u72ec\u7acb\n  const card = $('.single-video-card[data-card-id=\"card-16\"]');\n  const durationEl = $('#videoDuration-16');\n  const coverCanvas = $('#coverCanvas-16')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u89c6\u9891\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u5b9e\u9645\u603b\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625; \/\/ \u9ed8\u8ba416:9\u6bd4\u4f8b\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    \/\/ \u7ed8\u5236\u5360\u4f4d\u64ad\u653e\u56fe\u6807\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:21'); \/\/ \u515c\u5e95\u9ed8\u8ba4\u65f6\u957f\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u89e6\u53d15\u79d2\u9884\u89c8\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u7b2c16\u5361\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u56fa\u5b9a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\u65f6\u957f\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\u5e76\u91cd\u7f6e\u72b6\u6001\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = ''; \/\/ \u6e05\u7a7a\u6e90\u907f\u514d\u540e\u53f0\u52a0\u8f7d\u5360\u7528\u8d44\u6e90\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\u64ad\u653e\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u7b2c16\u5361\u5168\u5c4f\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c2642d elementor-widget elementor-widget-html\" data-id=\"7c2642d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c17\u4e2a\u5361\u7247\uff1a\u4ea7\u54c1\u751f\u4ea7\u7ebf ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-17\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20240719_6699dafdbe276.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-17\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-17\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">Product Production Line<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c17\u5f20\u5361\u7247\uff0c\u903b\u8f91\u5b8c\u5168\u72ec\u7acb\n  const card = $('.single-video-card[data-card-id=\"card-17\"]');\n  const durationEl = $('#videoDuration-17');\n  const coverCanvas = $('#coverCanvas-17')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u89c6\u9891\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u5b9e\u9645\u603b\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625; \/\/ \u9ed8\u8ba416:9\u6bd4\u4f8b\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    \/\/ \u7ed8\u5236\u5360\u4f4d\u64ad\u653e\u56fe\u6807\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:45'); \/\/ \u515c\u5e95\u9ed8\u8ba4\u65f6\u957f\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u89e6\u53d15\u79d2\u9884\u89c8\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u7b2c17\u5361\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u56fa\u5b9a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\u65f6\u957f\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\u5e76\u91cd\u7f6e\u72b6\u6001\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = ''; \/\/ \u6e05\u7a7a\u6e90\u907f\u514d\u540e\u53f0\u52a0\u8f7d\u5360\u7528\u8d44\u6e90\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\u64ad\u653e\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u7b2c17\u5361\u5168\u5c4f\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca60542 elementor-widget elementor-widget-html\" data-id=\"ca60542\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========== \u7b2c18\u4e2a\u5361\u7247\uff1a\u5de5\u5382\u751f\u4ea7\u7ebf ========== -->\n<div class=\"single-video-card\" \n     data-card-id=\"card-18\"\n     data-video=\"https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20240813_66bab92081e2f.mp4\">\n  <div class=\"video-cover-wrap\">\n    <canvas class=\"video-cover-canvas\" id=\"coverCanvas-18\"><\/canvas>\n    <video muted playsinline class=\"video-preview\"><\/video>\n    <span class=\"video-duration\" id=\"videoDuration-18\">--:--<\/span>\n  <\/div>\n  <div class=\"video-content\">\n    <h3 class=\"video-title\">Factory Line<\/h3>\n  <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n  \/\/ \u4ec5\u5339\u914d\u5f53\u524d\u7b2c18\u5f20\u5361\u7247\uff0c\u903b\u8f91\u5b8c\u5168\u72ec\u7acb\n  const card = $('.single-video-card[data-card-id=\"card-18\"]');\n  const durationEl = $('#videoDuration-18');\n  const coverCanvas = $('#coverCanvas-18')[0];\n  const ctx = coverCanvas.getContext('2d');\n  const videoUrl = card.data('video');\n  let previewTimer = null;\n  const previewVideo = card.find('.video-preview')[0];\n  const coverWrap = card.find('.video-cover-wrap');\n  const popup = $('#videoPopup');\n  const popupVideo = $('#popupVideo')[0];\n\n  \/\/ \u81ea\u52a8\u751f\u6210\u89c6\u9891\u7b2c\u4e00\u5e27\u5c01\u9762 + \u8bfb\u53d6\u5b9e\u9645\u603b\u65f6\u957f\n  const coverVideo = document.createElement('video');\n  coverVideo.crossOrigin = 'anonymous';\n  coverVideo.preload = 'metadata';\n  coverVideo.src = videoUrl;\n  coverVideo.muted = true;\n  coverVideo.currentTime = 0.01;\n\n  coverVideo.onloadeddata = function() {\n    coverCanvas.width = coverVideo.videoWidth;\n    coverCanvas.height = coverVideo.videoHeight;\n    ctx.drawImage(coverVideo, 0, 0, coverCanvas.width, coverCanvas.height);\n    \n    const duration = coverVideo.duration;\n    const minutes = Math.floor(duration \/ 60).toString().padStart(2, '0');\n    const seconds = Math.floor(duration % 60).toString().padStart(2, '0');\n    durationEl.text(`${minutes}:${seconds}`);\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ \u89c6\u9891\u52a0\u8f7d\u5931\u8d25\u515c\u5e95\u6837\u5f0f\n  coverVideo.onerror = function() {\n    coverCanvas.width = coverWrap.width();\n    coverCanvas.height = coverWrap.height() * 0.5625; \/\/ \u9ed8\u8ba416:9\u6bd4\u4f8b\n    ctx.fillStyle = '#e5e7eb';\n    ctx.fillRect(0, 0, coverCanvas.width, coverCanvas.height);\n    \/\/ \u7ed8\u5236\u5360\u4f4d\u64ad\u653e\u56fe\u6807\n    ctx.fillStyle = '#9ca3af';\n    ctx.beginPath();\n    ctx.moveTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 - 20);\n    ctx.lineTo(coverCanvas.width\/2 - 15, coverCanvas.height\/2 + 20);\n    ctx.lineTo(coverCanvas.width\/2 + 20, coverCanvas.height\/2);\n    ctx.closePath();\n    ctx.fill();\n    durationEl.text('00:35'); \/\/ \u515c\u5e95\u9ed8\u8ba4\u65f6\u957f\n    durationEl.addClass('loaded');\n  };\n\n  \/\/ hover\u89e6\u53d15\u79d2\u9884\u89c8\n  card.on('mouseenter', function() {\n    clearTimeout(previewTimer);\n    previewVideo.src = videoUrl;\n    previewVideo.load();\n    $(previewVideo).show();\n    $(coverCanvas).hide();\n    previewVideo.play().catch(err => console.log('\u7b2c18\u5361\u9884\u89c8\u64ad\u653e\u5931\u8d25', err));\n\n    previewTimer = setTimeout(() => {\n      previewVideo.pause();\n      previewVideo.currentTime = 0;\n      $(previewVideo).hide();\n      $(coverCanvas).show();\n    }, 5000); \/\/ \u56fa\u5b9a5000\u6beb\u79d2=5\u79d2\u9884\u89c8\u65f6\u957f\n  });\n\n  \/\/ \u9f20\u6807\u79fb\u51fa\u505c\u6b62\u9884\u89c8\u5e76\u91cd\u7f6e\u72b6\u6001\n  card.on('mouseleave', function() {\n    clearTimeout(previewTimer);\n    previewVideo.pause();\n    previewVideo.currentTime = 0;\n    $(previewVideo).hide();\n    $(coverCanvas).show();\n    previewVideo.src = ''; \/\/ \u6e05\u7a7a\u6e90\u907f\u514d\u540e\u53f0\u52a0\u8f7d\u5360\u7528\u8d44\u6e90\n  });\n\n  \/\/ \u70b9\u51fb\u5f39\u51fa\u5b8c\u6574\u89c6\u9891\u64ad\u653e\n  card.on('click', function() {\n    popupVideo.src = videoUrl;\n    popup.css('display', 'flex');\n    popupVideo.play().catch(err => console.log('\u7b2c18\u5361\u5168\u5c4f\u64ad\u653e\u5931\u8d25', err));\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>https:\/\/i.flyhare.com\/wp-content\/uploads\/2026\/09\/20240724_66a0918f00bcf.mp4 Company introduction Join a quick walkthrough that focuses on what matters to users and operators. In this video, we<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"Watch ZeaGrove's factory videos \u2014 see our production lines, quality control and instant Chinese food range up close. OEM\/ODM manufacturer in China.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"class_list":["post-3004409","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/i.flyhare.com\/turkish\/wp-json\/wp\/v2\/pages\/3004409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/i.flyhare.com\/turkish\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/i.flyhare.com\/turkish\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/i.flyhare.com\/turkish\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/i.flyhare.com\/turkish\/wp-json\/wp\/v2\/comments?post=3004409"}],"version-history":[{"count":0,"href":"https:\/\/i.flyhare.com\/turkish\/wp-json\/wp\/v2\/pages\/3004409\/revisions"}],"wp:attachment":[{"href":"https:\/\/i.flyhare.com\/turkish\/wp-json\/wp\/v2\/media?parent=3004409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}