把男人们都装进框子里

一师

娟子 发表于 2022-4-5 10:23
欣赏一师老师精彩视频，点赞！

谢谢娟子，不精采，主要是我成功将这框里的优酷视频改成了西瓜视频，有点欣喜。反复试验出来的。

沧浪愚翁

欣赏您的精彩视频佳作。

沧海笑

一师 发表于 2022-4-5 12:26
你也来一个吧。

我可不是那个料！

静悟

沧海笑 发表于 2022-4-5 13:44
我可不是那个料！

你的西瓜视频出来了吗？

沧海笑

静悟 发表于 2022-4-5 13:56
你的西瓜视频出来了吗？

没有，还是老样子！

静悟

夕阳黄昏 发表于 2022-4-5 09:19
不清楚唉，只会用现成的。

这是老师与遥望远网友对视频裁剪的对话，看看能否有用，虽然代码上的图片、视频地址已经失链：

从截图看，画面的左右两边和底边都有黑色的边框，看起来不是很清爽。
1楼的代码中， 这视频的尺寸是 800 x 600 ，估计下左右边的宽度，每边大约是 50， 那么视频画面的宽度有800 - 50 - 50 = 700 就可以了， 如果忽略底边的歌词，把底边看作高80的一条黑边，视频的净高度就是 600 - 80 = 520。
现在的想法是， 做个700x520的框把视频部分框住，也就等于裁剪掉了那些黑边。

<div style="width:700px;height:520px;">
<embed style="width:800px;height:600px;" src='http://dashan.gotoip1.com/sp/spzz-zdycc.swf'
flashvars="flv=http://hd.yinyuetai.com/62730131181EA2D455D628676B9C9F06.flv&br=714&ms=1&peiyin=0" quality="high" wmode="transparent">
</div>
复制代码
试试这段代码， 实际效果还是和1楼一样，没起到裁剪的作用。
为使加入的框能裁剪它所包含的视频画面，再加入关键的代码 overflow:hidden; 这代码直译就是超出部分隐藏起来。
<div style="width:700px;height:520px;overflow:hidden;">
<embed style="width:800px;height:600px;" src='http://dashan.gotoip1.com/sp/spzz-zdycc.swf'
flashvars="flv=http://hd.yinyuetai.com/62730131181EA2D455D628676B9C9F06.flv&br=714&ms=1&peiyin=0" quality="high" wmode="transparent">
</div>


看来裁剪的作用有效果了，但左边的黑边仍然没去掉。
现在的办法是让视频画面向左边移一下，把黑色的边条移出裁剪框外， 在视频代码上再加上：margin-left:-50px; 使视频向左移动50px。
<div style="width:700px;height:520px;overflow:hidden;">
<embed style="width:800px;height:600px;margin-left:-50px;" src='http://dashan.gotoip1.com/sp/spzz-zdycc.swf'
flashvars="flv=http://hd.yinyuetai.com/62730131181EA2D455D628676B9C9F06.flv&br=714&ms=1&peiyin=0" quality="high" wmode="transparent">
</div>




为了帮助理解“框”的概念，给div标签和视频都加了明显的边界，红色是div标签的边界，蓝色是里面视频边界，您依次试试下面几段代码，看看它们之间的关系。
1 没框住视频

    <div style="width:700px;height:520px;    border:thick red dotted;">
    <embed style="width:800px;height:600px;  border:thick blue dashed;" src='http://dashan.gotoip1.com/sp/spzz-zdycc.swf'
    flashvars="flv=http://hd.yinyuetai.com/62730131181EA2D455D628676B9C9F06.flv&br=714&ms=1&peiyin=0" quality="high" wmode="transparent">
    </div>
复制代码
2 框住了但左边还是有黑边
    <div style="width:700px;height:520px; overflow:hidden;   border:thick red dotted;">
    <embed style="width:800px;height:600px;  border:thick blue dashed;" src='http://dashan.gotoip1.com/sp/spzz-zdycc.swf'
    flashvars="flv=http://hd.yinyuetai.com/62730131181EA2D455D628676B9C9F06.flv&br=714&ms=1&peiyin=0" quality="high" wmode="transparent">
    </div>
复制代码
3 这样就可以了
    <div style="width:700px;height:520px;    overflow:hidden; border:thick red dotted;">
    <embed style="width:800px;height:600px; margin-left:-50px;  border:thick blue dashed;" src='http://dashan.gotoip1.com/sp/spzz-zdycc.swf'
    flashvars="flv=http://hd.yinyuetai.com/62730131181EA2D455D628676B9C9F06.flv&br=714&ms=1&peiyin=0" quality="high" wmode="transparent">
    </div>

静悟

沧海笑 发表于 2022-4-5 13:57
没有，还是老样子！

看来发西瓜视频也有窍门。

沧海笑

静悟 发表于 2022-4-5 14:14
看来发西瓜视频也有窍门。

你用剪映做好视频后，是否要先保存到某个文件夹后再到西瓜视频网站去上传呢？

夕阳黄昏

静悟 发表于 2022-4-5 14:12
这是老师与遥望远网友对视频裁剪的对话，看看能否有用，虽然代码上的图片、视频地址已经失链：

从截图 ...

是不是要裁剪视频的黑边，不是裁剪视频的内容

静悟

夕阳黄昏 发表于 2022-4-5 15:13
是不是要裁剪视频的黑边，不是裁剪视频的内容

对的，就是一师的视频要裁剪掉黑边啊！