播放视频后刷新，页面丢失

最新推荐文章于 2024-09-11 18:45:30 发布
最新推荐文章于 2024-09-11 18:45:30 发布
阅读量325 收藏
点赞数
分类专栏： 日常小bug 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Gin96/article/details/82864772
版权

现象：

        播放前刷新，ok

        播放后刷新页面丢失


问题所在：

        路径区别：

        播放前：http://feihe.bjhongru.com/course/course.html?id=661b0f5057cf405bb8b6ba2d25f95a3e

        播放后：http://feihe.bjhongru.com/course/course.html?id=661b0f5057cf405bb8b6ba2d25f95a3e#

此时id的参数是：原有id#

原有id 数据库有值，原有id# 数据库查不到数据导致页面丢失

解决思路：

       原来是播放有个a标签，<a href="#" class=""></a>

       所以每次播放后路径会加#，原有id#数据库查不到数据导致页面丢失

解决办法：

<a href="#" class=""></a>中的href

改为 href="javascript:;"

 

so easy,Don't worry

疯狂抱大腿
关注
专栏目录
WebRTC系列-H264视频帧组包(视频花屏问题)
HOSTEN的博客
01-31 885
WebRTC在弱网环境下传输较大的视频数据，比如：屏幕共享数据；会偶发的出现黑屏的问题；也就是说当视频的码率比较大且视频的分辨率比较高的时候，有一定概率出现黑屏的问题；本文基于M76分支的代码分析其WebRTC组包的两个关键函数；WebRTC的组帧逻辑主要在类中(在modules/video_coding/packet_buffer.cc中)，其中的和是组包的两个关键函数；这篇文章会分析其中的主要逻辑及可能导致问题的位置；
vue数据丢失的4中情况和解决方法（附视频教程）
chen801090的博客
07-14 4532
数据丢失是框架的BUG，vue中的数据绑定是通过ES5中属性的特性实现的。所以没有设置特性的数据，就会丢失。以下mounted中的四种操作都会导致数据丢失。 <template> <div> <div>{{ colors }}</div> <div>{{ obj }}</div> <div>{{ intro }}</div> </div> </template
手把手教你做视频播放器（四）－刷新与停止刷新列表
不积跬步无以至千里
05-27 9707
做一个自己的视频播放器 学技能的同时带来满满的成就感.
jsp实用技巧
weixin_34413103的博客
12-04 190
1、透明iframe： 首先在引入iframe时增加allowTransparency="true"的属性设置，然后将被引用的页面的body的background属性设置为transparent 2、流式布局中图片垂直居中对齐： 增加align="absmiddle"的属性设置，另外图片一般需要增加border=0的属性设...
最近看vue视频学习的一点感想
jyg123的专栏
03-14 2740
最近学了一个vue视频，在vue官网上看了一下，我想大多数初学者都和我的感觉一样好爽，大大的简化了开发人员做的事情，原来要开发人员操作dom才能得到效果，几句代码就搞定了。有失落感，因为我原来是一个做机顶盒前端开发的，在盒子上的浏览器相当ie4的版本，当听到前端人员说是ie 6  不好用的，我真的想抽人。。还是那句话，没有经过长征的人，不明白红军有多苦.没有研究过前端框架源码的人，没有资格说好坏，...
HTML 关闭优酷自动播放,Disable HTML5 Autoplay插件，禁止页面自动播放视频和音频
weixin_39832829的博客
05-30 1119
Disable HTML5 Autoplay插件的功能简单且实用，安装插件后即可在网页上禁用HTML5音频和视频自动播放。多年以来，许多网站都使用的Adobe Flash等软件来展示视频，而许多浏览器都针对此进行了设置，以阻止它们在页面加载时自动播放。不过近年随着主流浏览器放弃对Flash的支持，很多网站已转而使用HTML5——一种用于创建将片段嵌入页面的网页的语言，通常能够在页面加载时就开始自动...
视频服务器：GB28181网络视频协议
最新发布
企业实战系列集 ●●● https://ximenjianxue.blog.csdn.net
09-11 1394
某项目中需要集成视频管理平台，实现分布在各省公司的摄像及接入，对视频进行统一管理。本项目中视频管理平台采用GB/T28181实现的监控设备接入管理平台，支持在开放互联网和局域网对监控设备进行远程接入、远程管理、远程调阅、录像回看等功能。本文对此记录GB/T28181协议的原理和一些问题，以供后续参考。
HTML页面嵌入视频与JS控制切换视频示例详解
09-28
服务器可以根据用户的会话信息，动态生成包含当前播放视频URL的HTML页面。这样，即使刷新页面，服务器也会返回包含正确视频URL的页面。 在实际应用中，考虑到用户体验，还需要考虑其他细节，比如视频的预加载、播放...
无法播放网页视频.pdf
10-02
3. **浏览器缓存**：升级Flash Player后，清除浏览器缓存，刷新页面，这可能有助于解决播放问题。 4. **浏览器设置**：检查浏览器设置，确保允许播放动画。在“工具”>“Internet选项”>“高级”中勾选“在网页中...
Android视频开发基础(一）
Q 的博客
11-01 503
基本概念 码率        码率就是数据传输时单位时间传送的数据位数，单位一般是kbps即千位每秒。码率影响体积，与体积成正比：码率越大，体积越大；码率越小，体积越小。码率还影响清晰度，码率越高清晰度也就越高。需要注意的是码率超过一定数值，对图像的质量没有多大影响。通常来讲，体积=码率×时间，由于有其他因素影响，这个值会稍微有一些误差。码率也就是采样率（并不等同于采样率，采样率的单位是Hz，...
挑战性价比，刷新你对千元级投影仪的认知，这份详细评测送给你
fangjia999999的博客
06-18 323
泰捷WEBOX T1s投影仪，整体的表现能力，比较上手之前的预期好了很多，无论是清晰度画面细节还是层次分明且鲜活明丽的色彩表现，都尤为出色。同时操控性方面，包括自动对焦、梯形自动较正、智慧语音助手等等，对于一个千元级的投影仪来说，可以说是非常给力的配置。真1080P，850ANSI流明，流畅无广告的纯净系统以及全新HRD技术的加持，再加上内置5.1环绕音响，已经直追四五千档位的投影仪，简直可以说是不妨多让，朋友们真的可以了解一下。...
文章保存成草稿没了...
Windows PowerShell
05-12 1131
文章保存成草稿没了...貌似是csdn的bug, 我编辑以前的文章也不行. 只能明天继续写了, 晕死.....
安卓手机微信页面里面的video点击播放按钮失效问题，不能播放视频内容 --------- 仅供参考
热门推荐
WEB-Yao
05-30 1万+
先上图：点击播放按钮无效，只要刷新页面就可以播放，或者从别的页面在进来时，才可以播放。在百度搜索中找到：｛解决方法很简单：在apache的配置中增加如下一句：在apache的配置中加一行：SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|zip|mp4)$ no-gzip dont-vary｝加上以后依然没有任何作用。别的页面也有视频就可以进去就能播放，代...
刷新页面后视频无法播放
qq_41838435的博客
06-01 1690
刷新页面后视频无法播放 现象： 在给video标签设置了autoplay属性的情况下，刷新页面后，视频无法自动播放 原因： 高版本浏览器，对视频静音后，才可以保证视频的自动播放 解决方法： 添加muted属性，具体如下 <video id="myVideo" class="video-js" autoplay="autoplay" controls muted style="height:100%; width: 100%;" >
vue params跳转后刷新页面数据丢失
05-05
Vue.js 的路由默认是使用的 HTML5 History 模式，也就是说路由跳转时并不会刷新整个页面，而是只更新路由部分的内容，因此在跳转后刷新页面数据会丢失。 解决这个问题有两种方法： 1. 使用 Vuex 管理应用程序的状态，这样即使跳转后刷新页面，也可以通过 Vuex 获取到之前保存的数据。 2. 在路由跳转时使用 query 参数或者 path 参数传递数据，这样在刷新页面后可以通过获取 URL 中的参数来拿到之前传递的数据。但是需要注意的是，query 参数和 path 参数都是明文传输，如果传递敏感数据需要进行加密处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值