search

muiplayer / hello-muiplayer

💡 An excellent HTML5 video player component
https://muiplayer.js.org/
GNU General Public License v3.0
503 stars 100 forks source link

底部是按钮区的背景是白色的是怎么回事？ #33

Open zfb7901 opened 2 years ago

zfb7901 commented 2 years ago

image

muiplayer commented 2 years ago

请检查工程样式依赖，应该是工程本身 CSS 样式与播放器框架样式冲突了

zfb7901 commented 2 years ago

确实，原来是和bootstrap.min.css 冲突！

这个是boottrap的，郁闷！

@.***

发件人： MuiPlayer 发送时间： 2022-06-06 09:39 收件人： muiplayer/hello-muiplayer 抄送： zfb7901; Author 主题： Re: [muiplayer/hello-muiplayer] 底部是按钮区的背景是白色的是怎么回事？ (Issue #33) 请检查工程样式依赖，应该是工程本身 CSS 样式与播放器框架样式冲突了 — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

muiplayer commented 2 years ago

那是 bootstrap 自身样式造成全局污染了，指定 css !important 重写一下；

zfb7901 commented 2 years ago

建议修改muiplayer的css，毕竟boottrap用的还比较多！

@.***

发件人： MuiPlayer 发送时间： 2022-06-06 11:34 收件人： muiplayer/hello-muiplayer 抄送： zfb7901; Author 主题： Re: [muiplayer/hello-muiplayer] 底部是按钮区的背景是白色的是怎么回事？ (Issue #33) 那是 bootstrap 自身样式造成全局污染了，指定 css !important 重写一下； — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

muiplayer commented 2 years ago

您可以看看，muiplayer 已经做过框架样式防污染处理，但是 boottrap 为什么一些全局样式没有调整... 是一些样式类名太常用了，后面我改一下吧 😂

zfb7901 commented 2 years ago

好，我等你修改！ 另外问一个问题，如果video src和tracks src 的url地址访问的时候，会自动重定向，有没有问题？

@.***

发件人： MuiPlayer 发送时间： 2022-06-06 11:58 收件人： muiplayer/hello-muiplayer 抄送： zfb7901; Author 主题： Re: [muiplayer/hello-muiplayer] 底部是按钮区的背景是白色的是怎么回事？ (Issue #33) 您可以看看，muiplayer 已经做过框架样式防污染处理，但是 boottrap 为什么一些全局样式没有调整... 是一些样式名太常用了，后面我改一下吧 — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

zfb7901 commented 2 years ago

config.container='#mui-player'; config.title="带字幕视频播放"; config.src=videosrc; config.width='auto'; config.height=320; config.autoFit=false; config.poster=""; config.subtitle={ tracks:[ { kind:'subtitles', src:'https://izzyun-storage-gy.obs.myhuaweicloud.com:443/autocaption/content/c2a08faffea5051d76f4bf485809fc92/c2a08faffea5051d76f4bf485809fc92-605001-10070-10070.vtt?AWSAccessKeyId=60TNUIKKS5QN920TUUEX&Expires=1654539342&x-amz-security-token=gQpjbi1ub3J0aC00jLwLXMhSVF04lI_d8c39wzgxNvdQH2caltqkkjTxyANybQfhLiSSADpZOlVSwg9D3nt2HSlABQJB6Ea65-B-l62fcJHTf9grwwbdfbMx8MbJdAfzfwqP9fuBdIgKNBFsJE8de3YkoVGNB-1k9Q0EgSIjuJlW2G8KVKm8MF_awns0brrxOBlXCDOsIopZk6Ls-SgbXtuF3oR8I_6lQPn10poQVZPUMkuj3QbYPx_BFbkjqKknuCUapu5GaDza8jbc1Qrj0e4fTXH3nlB6V9j-97jxGpGOSudV2P5LiB2Q0CRmIO_fcm5evj6HMT_80VEZuHsqO-2NzN-NdhU875pLFuWYKwjrjBeb8m_5ptDBhN6I-WaVscwuUfQs6MnMgJK2vWxySSnoTbDwqiIQ12B-C5xawnAIBT5BTMZm2hnbby6cF16gWbApSwS1UKKGQlzCEi3SjIOQ7VTOwAJ4_H0fVVILv4tnyOmFOaD1nz4BbnC_LSpYWKolw9GDm9cy5Nd5wNUDgYi_l2R58Ytz6eI_M8qZmfYuS4fiTriKtt_D40mKQzlfBSg1mDrrmGKGIrYpiZrsYssve_bkrcdqqsMXHFtHjD3nBxBD2CLkjbvjX7sO1vh3omzVmpMDVV2qmPFv_cX-uwH8QIEpoUHMld3QSR80jQPXsYX5I-8Zuhcx9zea3XFgi8h7NpzDFtQIUDiQKhbC-E-2AzlLL-F8Vw5cDBCjION2CzNPEdbA8FwQrAvIEbzCgGRq807HhOYB643momJaeoYcihBd4fLGnaCIRX-4tdxatMdPvBcuKDJ5IBu5&Signature=kFiyWgD3U8INWu3I6ekVQC3XP9w%3D', label:langidnames[0], srclang:'en', default:true, }, { kind:'subtitles', src:'https://izzyun-storage-gy.obs.myhuaweicloud.com:443/autocaption/content/c2a08faffea5051d76f4bf485809fc92/c2a08faffea5051d76f4bf485809fc92-605001-10070-10070.vtt?AWSAccessKeyId=60TNUIKKS5QN920TUUEX&Expires=1654539342&x-amz-security-token=gQpjbi1ub3J0aC00jLwLXMhSVF04lI_d8c39wzgxNvdQH2caltqkkjTxyANybQfhLiSSADpZOlVSwg9D3nt2HSlABQJB6Ea65-B-l62fcJHTf9grwwbdfbMx8MbJdAfzfwqP9fuBdIgKNBFsJE8de3YkoVGNB-1k9Q0EgSIjuJlW2G8KVKm8MF_awns0brrxOBlXCDOsIopZk6Ls-SgbXtuF3oR8I_6lQPn10poQVZPUMkuj3QbYPx_BFbkjqKknuCUapu5GaDza8jbc1Qrj0e4fTXH3nlB6V9j-97jxGpGOSudV2P5LiB2Q0CRmIO_fcm5evj6HMT_80VEZuHsqO-2NzN-NdhU875pLFuWYKwjrjBeb8m_5ptDBhN6I-WaVscwuUfQs6MnMgJK2vWxySSnoTbDwqiIQ12B-C5xawnAIBT5BTMZm2hnbby6cF16gWbApSwS1UKKGQlzCEi3SjIOQ7VTOwAJ4_H0fVVILv4tnyOmFOaD1nz4BbnC_LSpYWKolw9GDm9cy5Nd5wNUDgYi_l2R58Ytz6eI_M8qZmfYuS4fiTriKtt_D40mKQzlfBSg1mDrrmGKGIrYpiZrsYssve_bkrcdqqsMXHFtHjD3nBxBD2CLkjbvjX7sO1vh3omzVmpMDVV2qmPFv_cX-uwH8QIEpoUHMld3QSR80jQPXsYX5I-8Zuhcx9zea3XFgi8h7NpzDFtQIUDiQKhbC-E-2AzlLL-F8Vw5cDBCjION2CzNPEdbA8FwQrAvIEbzCgGRq807HhOYB643momJaeoYcihBd4fLGnaCIRX-4tdxatMdPvBcuKDJ5IBu5&Signature=kFiyWgD3U8INWu3I6ekVQC3XP9w%3D', label:"中文", srclang:'zh-cn', } ], styles:{ // 字幕默认样式 color:'#FF0000', background:'transparent', textShadow:'0px 0px 1px #000000', }, }; config.plugins = [ new MuiPlayerDesktopPlugin({

}), ]; console.log(config); var mp = new MuiPlayer(config);

播放器字幕选择都没有出来，这个是怎么回事？

@.***

发件人： MuiPlayer 发送时间： 2022-06-06 11:58 收件人： muiplayer/hello-muiplayer 抄送： zfb7901; Author 主题： Re: [muiplayer/hello-muiplayer] 底部是按钮区的背景是白色的是怎么回事？ (Issue #33) 您可以看看，muiplayer 已经做过框架样式防污染处理，但是 boottrap 为什么一些全局样式没有调整... 是一些样式名太常用了，后面我改一下吧 — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

zfb7901 commented 2 years ago

刚才试了一下，src 不支持https字幕文件！

@.***

发件人： MuiPlayer 发送时间： 2022-06-06 11:58 收件人： muiplayer/hello-muiplayer 抄送： zfb7901; Author 主题： Re: [muiplayer/hello-muiplayer] 底部是按钮区的背景是白色的是怎么回事？ (Issue #33) 您可以看看，muiplayer 已经做过框架样式防污染处理，但是 boottrap 为什么一些全局样式没有调整... 是一些样式名太常用了，后面我改一下吧 — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>