网站介绍
这是一个关于日本再生可能能源项目(Renewable Energy Project in Japan)的网站。该网站使用video.js播放器来展示视频内容,同时通过Google Tag Manager(GTM)管理网站的跟踪和分析。
视频播放器样式
该网站使用了video.js播放器来展示视频内容。通过CSS样式定义了播放器的宽度为300px,高度为150px。同时,为了适应不同屏幕尺寸,使用了.vjs-fluid类设置了播放器的填充比例为56.25%。
视频播放器尺寸
为了适应不同的设备和屏幕尺寸,该网站还定义了一个名为.AC_PLAYER_PLAYER_0-dimensions的类,用于设置播放器的宽度为1440px,高度为1080px。当使用.vjs-fluid类时,该类会将填充比例应用于播放器尺寸,从而实现自适应布局。
Google Tag Manager (GTM)
为了管理和追踪网站的分析数据,该网站使用了Google Tag Manager(GTM)。GTM是一个JavaScript管理器,可以方便地添加、管理和删除网站上的标签(tags)。在网站的头部部分,可以看到一个包含以下代码的script标签:
function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.ins
这段代码是GTM的初始化代码,它会在页面加载完成后执行。通过GTM,网站管理员可以方便地添加各种标签来追踪用户行为、分析流量等信息。
