【自学笔记】video标签无法播放服务器上的视频

实际项目，写一个H5的用户分享页面

一个多媒体轮播，可以看用户上传的图片视频等。

真正上传页面到服务器跑起来时，就出毛病了。

图片都还好，视频文件却是无法播放。

找找原因吧，

本地开发时，文件路径src一般都为**.jpg或者视频文件**.mp4用于测试，这样的路径放服务器上，读取服务器文件也是没有问题的。

了解了后台处理，发现经过云存储的文件，给的地址是没有后缀名的！！！

本地文件不给后缀名是肯定放不了的，但是实测这个地址单独放路径是可以播放的。

这就让我非常怀疑人生了。

百度了下，发现是angular在作怪

在白名单内添加主站名即可

angular.module('share', []).config(function($sceDelegateProvider) {$sceDelegateProvider.resourceUrlWhitelist(['self',//白名单'http://www.xxxx.com/**']);})

【自学笔记】video标签无法播放服务器上的视频相关推荐

HLS播放：html5下用video标签来播放m3u8格式的视频
HLS播放:html5下用video标签来播放m3u8格式的视频 <video class="tvhou" width="100%" height=&qu ...
video标签无法播放视频
现象:使用video播放视频,在ios上能播放,但是在浏览器和安卓上不能播放前置条件: 1.network没有该视频的下载 2.通过在媒体元素中添加<source>元素而不是设置src属 ...
uniapp使用video标签无法播放视频出现黑屏问题处理
uniapp使用video标签无法播放视频出现黑屏问题处理问题出现情况并且点击播放后出现报错解决办法问题出现的原因可能是video的视频流不兼容或者在f12下无法看见视频文件导致的,所有我们使 ...
java实现video标签视频流播放
java实现video标签视频流播放问题: 在遇到video标签播放后端视频源时问题.直接返回文件流的话 video需要将文件整个下载一次才会播放.这样如果小文件没有问题.如果文件大的话就比较恶心了 ...
HTML5 video标签的播放控制
转自http://www.php.cn/html5-tutorial-402832.html 这篇文章主要介绍了HTML5 video标签的播放控制,本文讲解了获取影片总时长.播放.暂停.获取影片的播 ...
html5 video 定位播放,HTML5 video标签的播放控制
这篇文章主要介绍了HTML5 video标签的播放控制,本文讲解了获取影片总时长.播放.暂停.获取影片的播放时间和设置播放点.音量的获取和设置等内容,需要的朋友可以参考下上一篇介绍了html5标签v ...
一个页面同时使用两个video标签自动播放在各个移动端浏览器存在的问题
双video标签(一个为背景,一个屏幕居中展示)在各大浏览器中存在的问题: 移动端一.安卓端: 1.华为自带浏览器:两个视频可以同时自动播放,但自动播放时默认都是静音播放. 2.百度浏览器:上方视频 ...
解决html5中video标签无法播放mp4问题的办法
解决html5中video标签无法播放mp4问题的办法参考文章: (1)解决html5中video标签无法播放mp4问题的办法 (2)https://www.cnblogs.com/it-tsz/p ...
微信公众号网页 H5 video 标签自动播放
目录微信公众号网页 H5 video 标签自动播放问题描述解决方案微信公众号网页 H5 video 标签自动播放环境:微信公众号网页需求:H5 video 标签自动播放视频 video 标 ...

【自学笔记】video标签无法播放服务器上的视频

【自学笔记】video标签无法播放服务器上的视频相关推荐

最新文章

热门文章