fix: resolve video sound being muted by default (#921)

close #921

src/components/BangumiCard/BangumiCard.vue

@@ -52,7 +52,7 @@ function handleClick(event: MouseEvent) {
       :style="{
         display: horizontal ? 'flex' : 'block',
       }"
-      :href="bangumi.url" target="_blank" rel="noopener noreferrer"
+      :href="bangumi.url" target="_blank"
       gap-4 hover:bg="$bew-fill-2" hover:ring="8 $bew-fill-2"
       content-visibility-auto intrinsic-size-400px
       transition="all ease-in-out 300"
@@ -172,7 +172,7 @@ function handleClick(event: MouseEvent) {
       >
         <p un-text="lg" mb-2>
           <a
-            :href="bangumi.url" target="_blank" rel="noopener noreferrer"
+            :href="bangumi.url" target="_blank"
             class="keep-two-lines"
             :title="bangumi.title"
           >

src/components/TopBar/components/FavoritesPop.vue

@@ -163,13 +163,13 @@ defineExpose({
 
       <div flex="~ gap-4">
         <ALink
-          :href="playAllUrl" rel="noopener noreferrer"
+          :href="playAllUrl"
           flex="~" items="center"
         >
           <span text="sm">{{ $t('common.play_all') }}</span>
         </ALink>
         <ALink
-          :href="viewAllUrl" rel="noopener noreferrer"
+          :href="viewAllUrl"
           flex="~" items="center"
         >
           <span text="sm">{{ $t('common.view_all') }}</span>
@@ -238,7 +238,6 @@ defineExpose({
             v-for="item in favoriteResources"
             :key="item.id"
             :href="isMusic(item) ? `https://www.bilibili.com/audio/au${item.id}` : `//www.bilibili.com/video/${item.bvid}`"
-            rel="noopener noreferrer"
             hover:bg="$bew-fill-2"
             rounded="$bew-radius"
             m="last:b-4" p="2"

src/components/TopBar/components/HistoryPop.vue

@@ -206,7 +206,7 @@ function getHistoryList(type: Business, view_at = 0 as number) {
         </div>
       </div>
       <ALink
-        href="https://www.bilibili.com/account/history" rel="noopener noreferrer"
+        href="https://www.bilibili.com/account/history"
         flex="~ items-center"
       >
         <span text="sm">{{ $t('common.view_all') }}</span>
@@ -249,7 +249,7 @@ function getHistoryList(type: Business, view_at = 0 as number) {
           <ALink
             v-for="historyItem in historys"
             :key="historyItem.kid"
-            :href="getHistoryUrl(historyItem)" rel="noopener noreferrer"
+            :href="getHistoryUrl(historyItem)"
             m="last:b-4" p="2"
             rounded="$bew-radius"
             hover:bg="$bew-fill-2"
@@ -370,7 +370,6 @@ function getHistoryList(type: Business, view_at = 0 as number) {
                 <div text="$bew-text-2 sm" m="t-4" flex="~" align="items-center">
                   <ALink
                     :href="`https://space.bilibili.com/${historyItem.author_mid}`"
-                    rel="noopener noreferrer"
                   >
                     {{ historyItem.author_name }}
                   </ALink>

src/components/TopBar/components/MomentsPop.vue

@@ -315,7 +315,7 @@ defineExpose({
         </div>
       </div>
       <ALink
-        href="https://t.bilibili.com/" rel="noopener noreferrer"
+        href="https://t.bilibili.com/"
         flex="~ items-center"
       >
         <span text="sm">{{ $t('common.view_all') }}</span>
@@ -353,7 +353,7 @@ defineExpose({
           <ALink
             v-for="(moment, index) in moments"
             :key="index"
-            :href="moment.link" rel="noopener noreferrer"
+            :href="moment.link"
             flex="~ justify-between"
             m="b-2" p="2"
             rounded="$bew-radius"
@@ -374,7 +374,6 @@ defineExpose({
             />
             <ALink
               :href="moment.authorJumpUrl"
-              rel="noopener noreferrer"
               rounded="1/2"
               w="40px" h="40px" m="r-4"
               bg="$bew-skeleton"
@@ -394,7 +393,6 @@ defineExpose({
 
                 <ALink
                   :href="moment.authorJumpUrl"
-                  rel="noopener noreferrer"
                   font-bold
                 >
                   {{ moment.author }}

src/components/TopBar/components/WatchLaterPop.vue

@@ -81,13 +81,13 @@ function getAllWatchLaterList() {
 
       <div flex="~ gap-4">
         <ALink
-          :href="playAllUrl" rel="noopener noreferrer"
+          :href="playAllUrl"
           flex="~" items="center"
         >
           <span text="sm">{{ $t('common.play_all') }}</span>
         </ALink>
         <ALink
-          :href="viewAllUrl" rel="noopener noreferrer"
+          :href="viewAllUrl"
           flex="~" items="center"
         >
           <span text="sm">{{ $t('common.view_all') }}</span>
@@ -130,7 +130,7 @@ function getAllWatchLaterList() {
           <ALink
             v-for="item in watchLaterList"
             :key="item.aid"
-            :href="getWatchLaterUrl(item.bvid)" rel="noopener noreferrer"
+            :href="getWatchLaterUrl(item.bvid)"
             m="last:b-4" p="2"
             rounded="$bew-radius"
             hover:bg="$bew-fill-2"

src/components/VideoCard/VideoCard.vue

@@ -286,7 +286,7 @@ provide('getVideoType', () => props.type!)
       >
         <a
           :style="{ display: horizontal ? 'flex' : 'block', gap: horizontal ? '1.5rem' : '0' }"
-          :href="videoUrl" target="_blank" rel="noopener noreferrer"
+          :href="videoUrl" target="_blank"
           @mouseenter="handleMouseEnter"
           @mouseleave="handelMouseLeave"
           @click="handleClick"
@@ -432,7 +432,7 @@ provide('getVideoType', () => props.type!)
             <div v-if="!horizontal" flex>
               <a
                 v-if="video.authorFace"
-                :href="authorJumpUrl" target="_blank" rel="noopener noreferrer"
+                :href="authorJumpUrl" target="_blank"
                 m="r-4" w="36px" h="36px" rounded="1/2"
                 object="center cover" bg="$bew-skeleton" cursor="pointer"
                 position-relative
@@ -466,7 +466,7 @@ provide('getVideoType', () => props.type!)
                   text="lg overflow-ellipsis $bew-text-1"
                   cursor="pointer"
                 >
-                  <a :href="videoUrl" target="_blank" :title="video.title" rel="noopener noreferrer">
+                  <a :href="videoUrl" target="_blank" :title="video.title">
                     {{ video.title }}
                   </a>
                 </h3>
@@ -495,7 +495,7 @@ provide('getVideoType', () => props.type!)
                   <div v-if="horizontal" flex>
                     <a
                       v-if="video.authorFace"
-                      :href="authorJumpUrl" target="_blank" rel="noopener noreferrer"
+                      :href="authorJumpUrl" target="_blank"
                       m="r-2" w="30px" h="30px" rounded="1/2"
                       object="center cover" bg="$bew-skeleton" cursor="pointer" relative
                       @click.stop=""
@@ -525,7 +525,7 @@ provide('getVideoType', () => props.type!)
                     class="channel-name"
                     un-text="hover:$bew-text-1"
                     cursor-pointer mr-4
-                    :href="authorJumpUrl" target="_blank" rel="noopener noreferrer"
+                    :href="authorJumpUrl" target="_blank"
                     @click.stop=""
                   >
                     <span>{{ video.author }}</span>

src/contentScripts/views/History/History.vue

@@ -240,7 +240,6 @@ function jumpToLoginPage() {
           :key="historyItem.kid"
           :href="settings.videoCardLinkOpenMode === 'drawer' ? undefined : getHistoryUrl(historyItem)"
           target="_blank"
-          rel="noopener noreferrer"
           block
           class="group"
           flex
@@ -373,7 +372,7 @@ function jumpToLoginPage() {
             <div flex justify-between w-full h-full>
               <div flex="~ col">
                 <a
-                  :href="`${getHistoryUrl(historyItem)}`" target="_blank" rel="noopener noreferrer"
+                  :href="`${getHistoryUrl(historyItem)}`" target="_blank"
                   :title="historyItem.show_title ? historyItem.show_title : historyItem.title"
                 >
                   <h3
@@ -395,7 +394,7 @@ function jumpToLoginPage() {
                   hover:bg="$bew-theme-color-10"
                   duration-300
                   pr-2
-                  :href="historyItem.author_mid ? `https://space.bilibili.com/${historyItem.author_mid}` : historyItem.uri" target="_blank" rel="noopener noreferrer"
+                  :href="historyItem.author_mid ? `https://space.bilibili.com/${historyItem.author_mid}` : historyItem.uri" target="_blank"
                 >
                   <img
                     :src="

src/contentScripts/views/WatchLater/WatchLater.vue

@@ -156,7 +156,6 @@ function jumpToLoginPage() {
             :key="item.aid"
             :href="settings.videoCardLinkOpenMode === 'drawer' ? undefined : `https://www.bilibili.com/list/watchlater?bvid=${item.bvid}`"
             target="_blank"
-            rel="noopener noreferrer"
             class="group"
             flex cursor-pointer
             @click="settings.videoCardLinkOpenMode === 'drawer' && openIframeDrawer(`https://www.bilibili.com/list/watchlater?bvid=${item.bvid}`)"
@@ -233,7 +232,7 @@ function jumpToLoginPage() {
                     class="keep-two-lines"
                     overflow="hidden"
                     un-text="lg overflow-ellipsis"
-                    :href="removeHttpFromUrl(`https://www.bilibili.com/list/watchlater?bvid=${item.bvid}`)" target="_blank" rel="noopener noreferrer"
+                    :href="removeHttpFromUrl(`https://www.bilibili.com/list/watchlater?bvid=${item.bvid}`)" target="_blank"
                   >
                     {{ item.title }}
                   </a>
@@ -249,7 +248,7 @@ function jumpToLoginPage() {
                     hover:bg="$bew-theme-color-10"
                     duration-300
                     pr-2
-                    :href="`//space.bilibili.com/${item.owner.mid}`" target="_blank" rel="noopener noreferrer"
+                    :href="`//space.bilibili.com/${item.owner.mid}`" target="_blank"
                   >
                     <img
                       :src="removeHttpFromUrl(`${item.owner.face}@40w_40h_1c`)"