Blog插入视频

视频效果如下

src="http://player.youku.com/embed/XMTcyNDUxMjc5Mg==" allowfullscreen="" width="510" height="498" frameborder="0">

从网页的优酷中获取链接代码

<iframe height=498 width=510 src='http://player.youku.com/embed/XMTcyNDUxMjc5Mg==' frameborder=0 'allowfullscreen'></iframe>


在CSDN下切换到HTML源代码格式下并粘贴之前复制的代码

切换回html模式下,即可看到视频,并进行博客的常规编辑,也可在该模式下用html编辑

语言进行编写


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在HTML网页制作,我们可以通过几种方法插入视频。其一种方法是使用`<video>`标签,该标签允许我们在HTML元素添加视频元素。我们可以使用以下代码将视频插入到网页: ``` <video controls> <source src="视频路径" type="video/视频格式"> </video> ``` 其,`<source>`标签用于指定视频的路径和格式。我们可以使用`controls`属性为视频添加播放、暂停和音量控件。此外,还可以添加宽度和高度属性来设置视频的尺寸。 另外一种方法是使用`<embed>`标签,该标签用于在HTML元素嵌入多媒体元素,包括视频。我们可以使用以下代码将视频插入到网页: ``` <embed src="视频路径" /> ``` 此外,还可以使用`<object>`标签来嵌入视频。具体代码如下: ``` <object data="视频路径"></object> ``` 这些方法都可以实现在HTML网页插入视频,具体选择哪种方法取决于你的需求和浏览器的兼容性。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [html引入视频的方法](https://blog.csdn.net/m0_64562972/article/details/127346880)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [零基础HTML入门教程(13)——插入视频video标签](https://blog.csdn.net/weixin_61808806/article/details/128207011)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值