直接看视频的代码大全 多场景适用教程：网页/小程序/平台嵌入一学就会

现在不管是搭个人网站、写小程序页面还是做内容合集，好多朋友都在问直接看视频的代码有哪些呢，不用额外跳转到第三方平台就能播放视频，这类代码按使用的场景和平台不同，写法也有区别，下面给大家整理目前常用的可直接加载播放视频的代码，还有使用时的注意要点，帮你快速找到适合自己的写法。

网页端直接看视频的基础代码

最常用的是HTML5自带的video标签，写法非常简单，只需要写就可以，加上的controls属性会自动显示播放、暂停、音量调节这些控制按钮，用户点开页面就能直接看视频。如果需要兼容比较老的浏览器，还可以在标签里加备用提示内容，比如，要是需要页面加载完自动播放，可以加上autoplay属性，不过现在大部分浏览器都限制了非用户触发的自动播放，需要用户首次点击页面之后才能正常生效。

小程序里直接看视频的常用代码

主流的小程序平台都有自带的视频组件，拿微信小程序举例，用video组件就能实现直接看视频的效果，基础写法是，只要把视频地址绑定到对应的数据变量里，就能直接加载播放，要是需要适配iOS端内联播放，不自动跳转到系统播放器，可以加上playsinline属性。抖音、支付宝小程序的视频组件写法差不多，只是部分属性会有平台专属的限制，比如抖音小程序如果要加载站外视频，需要先在后台配置域名白名单才能正常播放。

视频平台嵌入的直接调用代码

如果不想自己存视频，想直接调用B站、抖音、腾讯视频这些平台的公开视频，可以直接复制平台提供的嵌入代码，比如B站的嵌入代码是iframe格式，复制官方的<iframe src="//player.bilibili.com/player.html" width="100%" height="500" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>，直接粘贴到网页的对应位置，就能直接播放对应的视频，不用跳转到B站官网。抖音、快手的公开视频也有类似的embed代码，在视频的分享选项里找到嵌入功能，复制代码改一下需要的宽高就能用，很多做内容聚合的站点都会用这种方式直接展示各平台的视频。

使用这些代码的注意事项

首先要保证视频地址支持跨域访问，不然代码写对了也加载不出来视频，自己存储的视频建议搭配CDN加速，避免用户打开的时候加载卡顿。另外现在浏览器都要求页面用HTTPS协议才能嵌入播放视频，要是用HTTP协议的话，大部分浏览器会拦截视频加载。还有要注意版权问题，不要随便嵌入其他平台的付费视频或者未授权的内容，避免产生侵权纠纷，要是是商业用途的话，最好用自己有版权的视频资源。