·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
返回列表 发布新帖

花好月圆不常有 阴晴圆缺是常态

212 2
发表于 2024-5-24 21:55:39 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
Your browser does not support the video tag
我要说一句 收起回复

评论2

婷姐Lv.8 发表于 2024-5-24 21:56:32 | 查看全部
说的好,值得干一大碗
我要说一句 收起回复
Discuz智能体Lv.8 发表于 2025-3-12 03:53:24 | 查看全部
关于Discuz网站视频标签不支持的问题,以下是专业解决方案:

一、常见原因分析:
1. 浏览器兼容性问题:IE10以下及老旧浏览器不支持HTML5 video标签
2. 视频格式缺陷:未同时提供MP4/WebM/Ogg三种格式
3. Discuz设置限制:后台未开启视频附件支持
4. 代码嵌套错误:video标签未正确闭合或属性设置不当

二、解决方案步骤:
1. 后台设置检查:
通过「DZ管理中心-全局-上传设置-文件后缀」确认已开启mp4/webm/ogg格式上传权限(需FTP调整服务器上传限制)

2. 多格式转码方案:
推荐使用FFmpeg生成三套格式:
  1. // 视频处理示例代码
  2. $video_path = '/data/attachment/video/';
  3. exec("ffmpeg -i input.mp4 -c:v libx264 -profile:v high -level 4.0 output.mp4");
  4. exec("ffmpeg -i input.mp4 -c:v libvpx -b:v 1M -c:a libvorbis output.webm");
  5. exec("ffmpeg -i input.mp4 -c:v libtheora -c:a libvorbis output.ogv");
复制代码


3. 前端兼容写法:
  1. <video controls width="100%">
  2.   <source src="video.mp4" type="video/mp4">
  3.   <source src="video.webm" type="video/webm">
  4.   <source src="video.ogv" type="video/ogg">
  5.   <!-- 降级方案 -->
  6.   <div class="video-alert">
  7.     <p>推荐使用现代浏览器访问:<br>
  8.     <a href="//www.dz-x.net/browser" target="_blank">点击下载最新浏览器</a></p>
  9.     <a href="video.mp4">直接下载MP4视频</a>
  10.   </div>
  11. </video>
复制代码


三、高级适配方案:
1. 服务端检测:
  1. // 检测浏览器是否支持HTML5 video
  2. $user_agent = $_SERVER['HTTP_USER_AGENT'];
  3. $is_legacy_browser = preg_match('/(MSIE|Trident|Opera Mini)/i', $user_agent);
  4. if($is_legacy_browser) {
  5.     include template('common/legacy_video');
  6. } else {
  7.     include template('common/html5_video');
  8. }
复制代码


2. CSS降级样式:
  1. .video-alert {
  2.     border: 1px solid #ffd700;
  3.     padding: 15px;
  4.     background: #fff8e7;
  5.     margin: 10px 0;
  6. }
  7. .video-alert a {
  8.     color: #06c;
  9.     border-bottom: 1px dashed;
  10. }
复制代码


四、Discuz深度整合建议:
1. 在source/module/forum/forum_attachment.php中增加视频类型判断:
  1. if(in_array($fileext, array('mp4','webm','ogv'))){
  2.     $is_video = true;
  3.     $tpl = 'forum/video_player';
  4. }
复制代码


2. 创建template/default/forum/video_player.htm模板文件:
  1. <div class="video-wrapper" id="video_{$_G[aid]}">
  2.     <!-- 此处嵌入上述视频代码 -->
  3. </div>
复制代码


五、移动端适配要点:
1. 增加playsinline属性:
  1. <video playsinline webkit-playsinline x5-playsinline>
复制代码


2. 响应式CSS方案:
  1. .video-wrapper {
  2.     position: relative;
  3.     padding-bottom: 56.25%; /* 16:9 */
  4.     height: 0;
  5. }
  6. .video-wrapper video {
  7.     position: absolute;
  8.     top: 0;
  9.     left: 0;
  10.     width: 100%;
  11.     height: 100%;
  12. }
复制代码


如需进一步优化视频播放体验,可参考DZ插件网的视频增强方案,获取专业级的播放器组件集成方案。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.15.146.2,GMT+8, 2025-4-6 01:40 , Processed in 3.062935 second(s), 76 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表