向爆汁莓驴老师学习嵌入式网页试贴
爆汁莓驴老师德艺双馨，对嵌入式网页制作很有造诣，为学习、请教方便，兴趣使然特开此贴！学习调视频的宽、高<br><br>
<p align="center"><iframe id="gz" height="448px"width="800px" frameborder="0" scrolling="no" allowfullscreen="true" allowtransparency="true" src="http://pan.yinhuabbs.cn/uploads/bzml/jxvideo.html?c=1&p=1&v=1&l=1&hlw=https://www.douyin.com/aweme/v1/play/?video_id=v02f52g10003cum4jt2ljht6do5udj00" style="border-radius: 5px;box-shadow: 3px 3px 5px #000;"></iframe></p>
请教老师：为何换了视频就不能点击播放呢？@爆汁莓驴 <br><br>
<p align="center"><iframe id="gz" height="449.8px"width="800px" frameborder="0" scrolling="no" allowfullscreen="true" allowtransparency="true" src="http://pan.yinhuabbs.cn/uploads/bzml/jxvideo.html?c=1&p=1&v=1&l=1&hlw=https://15799848.s21v.faiusr.com/58/ABUIABA6GAAgx-PuswYolJH61AM.mp4" style="border-radius: 5px;box-shadow: 3px 3px 5px #000;"></iframe></p>
还需要微调，两边有空白，小数点范围。。。
<p align="center">“约会阳光”刀郎视频演唱会<p>
<p align="center"><input type="image" src="http://www.yinhuabbs.cn/uc_server/avatar.php?uid=89600&size=middle" style="width:55px;border-radius:50%;" onclick="A()" title="中画好声音"><img src="http://154.85.43.82/static/image/smiley/bluefox/3.gif" style="transform: rotateY(180deg)" onclick="if(mAudio.muted==false){mAudio.muted=true}else{mAudio.muted=false}" title="静音或恢复"><input type="image" src="http://www.yinhuabbs.cn/uc_server/avatar.php?uid=90344&size=middle" style="width:55px;border-radius:50%;" onclick="B()"title="中画嗨歌王"></p>
<p align="center"><inputtype="image" src="http://www.yinhuabbs.cn/data/attachment/album/202501/26/231709rxvpzwk7bekpbhka.png" style="width:55px;border-radius:50%;" onclick="C()" title="中画模仿秀"> <input type="image" src="http://www.yinhuabbs.cn/uc_server/avatar.php?uid=84976&size=middle" style="width:50px;border-radius:50%;" onclick="D()"title="中画女歌王"></p>
<br><br><br><br><br>
中画有现成的MV歌词作品，而且制作精良！我就搜了这首歌名，发现还有几个作品，只是有的打不开了。<br>
还发现优秀的男女歌手演唱这首MV，只是没有视频MV。现成的作品和演唱，没有组合在一起，可惜了！<br>
我试着把楼主这部作品和歌唱组合在一起，看看效果。<br>
因为作品是嵌入框架难控制，网速等因素同步不会理想，我试试（上面点击按钮播放）<br>
播放时视频不要暂停，否则不同步。如果不同步（打开时连接和下载影响），点按钮重试（多试几次）。<br>
按钮中间为了分开一点，方便手机点击。点击可静音或恢复音量（歌手）<br>
说明一下：<br>
因为楼主的宽高设置不利于手机网页观看，点击按钮后样式会改变，为了手机能完整观看。刷新页面就恢复原样。<br>
由于嵌入框架高度限制，楼主的宽高设置只好兼顾电脑。我平时会有个电脑小图标，默认手机样式，电脑通过小图标调整。<br>
再加几个按钮可以视频演唱会了:lol ，而且这种形式也很适合“同歌”。
<audio id="mAudio" style="display:none" type="audio/mpeg"></audio>
<script>
var _0x4e0d=['buOJZ','toString','BRJco','wjuLZ','console','return\x20(function()\x20','oHBKF','Nwuhc','PcZYg','apply','constructor','VqlmK','log','DwyHB','prototype','warn','YrzvA','XEajj','CUPJl','UNLvn','KRMKK','iframe','byCdX','Pgyme','TvYXr','^([^\x20]+(\x20+[^\x20]+)+)+[^\x20]}','test','cFFOL','DMSOS','VQbXN','YaLpj','return\x20/\x22\x20+\x20this\x20+\x20\x22/','zNLMd','table','RTAAO','info','vfibh','bind','jTdTh','getElementsByTagName','rWaXQ','NACWw','USdTX','CsDzQ','exception','yESqQ','nvCvl','ZqRjI','XHFwE','__proto__','tbxWf','FytZC','dyqnW','cNymZ'];(function(_0x45b55b,_0x229cef){var _0x33bf5d=function(_0x41f925){while(--_0x41f925){_0x45b55b['push'](_0x45b55b['shift']());}},_0x2c8e0c=function(){var _0x2b9c51={'data':{'key':'cookie','value':'timeout'},'setCookie':function(_0x1a78f1,_0x3c0f4e,_0x3e54d9,_0x316056){_0x316056=_0x316056||{};var _0x104271=_0x3c0f4e+'='+_0x3e54d9,_0x5ca34d=0x264b*0x1+0x18e1+0xd*-0x4dc;for(var _0x2de57a=0x2*-0x6d3+0x3c9+0x9dd,_0x27ff0a=_0x1a78f1['length'];_0x2de57a<_0x27ff0a;_0x2de57a++){var _0xac4c12=_0x1a78f1;_0x104271+=';\x20'+_0xac4c12;var _0x4d880b=_0x1a78f1;_0x1a78f1['push'](_0x4d880b),_0x27ff0a=_0x1a78f1['length'],_0x4d880b!==!![]&&(_0x104271+='='+_0x4d880b);}_0x316056['cookie']=_0x104271;},'removeCookie':function(){return'dev';},'getCookie':function(_0x10e60c,_0x1690f9){_0x10e60c=_0x10e60c||function(_0x484497){return _0x484497;};var _0x3720e9=_0x10e60c(new RegExp('(?:^|;\x20)'+_0x1690f9['replace'](/([.$?*|{}()[]\/+^])/g,'$1')+'=([^;]*)')),_0x5e4a46=function(_0x50acbf,_0x5e2ba7){_0x50acbf(++_0x5e2ba7);};return _0x5e4a46(_0x33bf5d,_0x229cef),_0x3720e9?decodeURIComponent(_0x3720e9[-0x16cc+0xa4d+0xc80]):undefined;}},_0xd73fb1=function(){var _0x25c39a=new RegExp('\x5cw+\x20*\x5c(\x5c)\x20*{\x5cw+\x20*[\x27|\x22].+[\x27|\x22];?\x20*}');return _0x25c39a['test'](_0x2b9c51['removeCookie']['toString']());};_0x2b9c51['updateCookie']=_0xd73fb1;var _0x532a2c='';var _0x5d9351=_0x2b9c51['updateCookie']();if(!_0x5d9351)_0x2b9c51['setCookie'](['*'],'counter',-0x2001*-0x1+0xad1+-0x2ad1);else _0x5d9351?_0x532a2c=_0x2b9c51['getCookie'](null,'counter'):_0x2b9c51['removeCookie']();};_0x2c8e0c();}(_0x4e0d,-0x707+0x1b21+-0x1255));var _0x57b5=function(_0x1f07ef,_0x344e9f){_0x1f07ef=_0x1f07ef-(0x264b*0x1+0x18e1+0xd*-0x4dc);var _0x5cbdf3=_0x4e0d;return _0x5cbdf3;};var _0x4b0f8c=_0x57b5,_0x5cbdf3=function(){var _0x153395=_0x57b5,_0x77e29d={};_0x77e29d=function(_0x302d22,_0x110f7c){return _0x302d22(_0x110f7c);},_0x77e29d=function(_0x5e9834,_0x2ba9bb){return _0x5e9834+_0x2ba9bb;},_0x77e29d=_0x153395('0x26'),_0x77e29d='{}.constructor(\x22return\x20this\x22)(\x20)',_0x77e29d['Oyuxi']='return\x20/\x22\x20+\x20this\x20+\x20\x22/',_0x77e29d['aVFNY']=_0x153395('0x4'),_0x77e29d=function(_0x2f76a2,_0x394bcc){return _0x2f76a2===_0x394bcc;},_0x77e29d=function(_0x356313,_0x577c5c){return _0x356313!==_0x577c5c;},_0x77e29d['oHBKF']=_0x153395('0x13'),_0x77e29d='heTgs';var _0x71af74=_0x77e29d,_0x3f5da2=!![];return function(_0x525024,_0x2ac6e6){var _0x57b57d=_0x153395,_0x493406={};_0x493406=_0x71af74['Oyuxi'],_0x493406=_0x71af74['aVFNY'],_0x493406['TgMEk']=function(_0x28ac9b,_0x406222){var _0x11b676=_0x57b57d;return _0x71af74(_0x28ac9b,_0x406222);},_0x493406['XEajj']='FMyzx',_0x493406=_0x57b57d('0xf');var _0x29aa92=_0x493406;if(_0x71af74(_0x71af74,_0x71af74['yESqQ'])){var _0x286736=_0x3f5da2?function(){var _0x3e4e5e=_0x57b57d,_0x24feb2={};_0x24feb2=_0x29aa92,_0x24feb2=_0x29aa92,_0x24feb2['wjuLZ']=function(_0x313e42){return _0x313e42();};var _0x22b1dd=_0x24feb2;if(_0x2ac6e6){if(_0x29aa92['TgMEk'](_0x29aa92,_0x29aa92)){function _0x3f0678(){var _0x2dfa68=_0x3e4e5e,_0x347da2=function(){var _0x37f2d0=_0x57b5,_0x49c1dd=_0x347da2(_0x22b1dd['TvYXr'])()(_0x22b1dd);return!_0x49c1dd(_0x25c39a);};return _0x22b1dd(_0x347da2);}}else{var _0x56062b=_0x2ac6e6(_0x525024,arguments);return _0x2ac6e6=null,_0x56062b;}}}:function(){};return _0x3f5da2=![],_0x286736;}else{function _0x587e6c(){var _0x1a7f8e=_0x57b57d;_0x453417=_0x71af74(_0x10eeb7,_0x71af74['buOJZ'](_0x71af74,_0x71af74['YrzvA'])+');')();}}};}(),_0x344e9f=_0x5cbdf3(this,function(){var _0x21fb45=_0x57b5,_0x503136={};_0x503136=_0x21fb45('0x4'),_0x503136=function(_0x5b36f7){return _0x5b36f7();};var _0xce54a9=_0x503136,_0x51e1e=function(){var _0xf91b81=_0x21fb45,_0x3c09d7=_0x51e1e(_0xf91b81('0xa'))()(_0xce54a9);return!_0x3c09d7(_0x344e9f);};return _0xce54a9(_0x51e1e);});_0x344e9f();var _0x5e8818=function(){var _0x43beb0=!![];return function(_0x164066,_0x3886a1){var _0x1189e8=_0x43beb0?function(){if(_0x3886a1){var _0x6bf2a1=_0x3886a1['apply'](_0x164066,arguments);return _0x3886a1=null,_0x6bf2a1;}}:function(){};return _0x43beb0=![],_0x1189e8;};}(),_0x1befe2=_0x5e8818(this,function(){var _0x116bdf=_0x57b5,_0x30fa4e={};_0x30fa4e='bjRMD',_0x30fa4e['Pgyme']=function(_0x357d76,_0x558761){return _0x357d76(_0x558761);},_0x30fa4e['RTAAO']=_0x116bdf('0x26'),_0x30fa4e='{}.constructor(\x22return\x20this\x22)(\x20)',_0x30fa4e['DMSOS']=function(_0x341648,_0x26f742){return _0x341648===_0x26f742;},_0x30fa4e['KRMKK']=_0x116bdf('0x33'),_0x30fa4e=_0x116bdf('0x19'),_0x30fa4e=function(_0x405df9){return _0x405df9();},_0x30fa4e=_0x116bdf('0x2d'),_0x30fa4e['tsjuI']=_0x116bdf('0x30'),_0x30fa4e=_0x116bdf('0xe'),_0x30fa4e='error',_0x30fa4e['VqlmK']=_0x116bdf('0x17'),_0x30fa4e=_0x116bdf('0xc'),_0x30fa4e='trace',_0x30fa4e=function(_0x389e17,_0x4f4db3){return _0x389e17<_0x4f4db3;};var _0x251779=_0x30fa4e,_0x9ed47=function(){var _0x290534=_0x116bdf,_0x2bf51d;try{if(_0x251779!==_0x251779){function _0x474781(){_0x3900c6=_0x3d39a9;}}else _0x2bf51d=_0x251779(Function,_0x251779+_0x251779+');')();}catch(_0x167510){if(_0x251779(_0x251779,_0x251779)){function _0x30812d(){var _0x14834d=_0x290534,_0xfee632=_0x54eed2(_0xf1bed7,arguments);return _0x38f60b=null,_0xfee632;}}else _0x2bf51d=window;}return _0x2bf51d;},_0x387782=_0x251779(_0x9ed47),_0x2b868a=_0x387782=_0x387782||{},_0x3dafee=,_0x251779['tsjuI'],_0x251779,_0x251779,_0x251779,_0x251779,_0x251779['XHFwE']];for(var _0x3e2bfc=-0x8f0+-0x43*0x2+0x976;_0x251779['FytZC'](_0x3e2bfc,_0x3dafee['length']);_0x3e2bfc++){var _0x4d1f88=_0x5e8818['constructor'](_0x5e8818),_0x1884f0=_0x3dafee,_0x2e3f3c=_0x2b868a||_0x4d1f88;_0x4d1f88=_0x5e8818(_0x5e8818),_0x4d1f88=_0x2e3f3c(_0x2e3f3c),_0x2b868a=_0x4d1f88;}});_0x1befe2();var link=document(_0x4b0f8c('0x0'))[-0xa1c*-0x2+0x14a1+0xa36*-0x4];
function A(){link.src="http://pan.yinhuabbs.cn/uploads/bzml/jxvideo.html?c=1&p=1&v=1&l=1&hlw=https://15799848.s21v.faiusr.com/58/ABUIABA6GAAgx-PuswYolJH61AM.mp4";mAudio.src="https://qiniuduetmp4.changba.com/46494663.mp3";mAudio.currentTime ="3";mAudio.play();link.style.width="100%";return false}
function B(){link.src="http://pan.yinhuabbs.cn/uploads/bzml/jxvideo.html?c=1&p=1&v=1&l=1&hlw=https://15799848.s21v.faiusr.com/58/ABUIABA6GAAgx-PuswYolJH61AM.mp4";mAudio.src="https://dlink.host/musics/aHR0cHM6Ly9vbmVkcnYtbXkuc2hhcmVwb2ludC5jb20vOnU6L2cvcGVyc29uYWwvc3Rvcl9vbmVkcnZfb25taWNyb3NvZnRfY29tL0VRTm9xcTNzbWlCTml0TU10MS12WW1RQlRPMjRZRHhZbk1zUEZqTEoyTkpobFE.mp3";mAudio.currentTime ="3";mAudio.play();link.style.width="100%";return false}
function C(){link.src="http://pan.yinhuabbs.cn/uploads/bzml/jxvideo.html?c=1&p=1&v=1&l=1&hlw=0d00fg10000cuenp9nog65kvdpoood0";mAudio.src="https://dlink.host/musics/aHR0cHM6Ly9vbmVkcnYtbXkuc2hhcmVwb2ludC5jb20vOnU6L2cvcGVyc29uYWwvc3Rvcl9vbmVkcnZfb25taWNyb3NvZnRfY29tL0VReFlrOWxBUzBSTm9VZ0tVWFpwRzVjQnFQVU9KTzlkbUtsSXo3S01ERmVkSUE.m4a";mAudio.currentTime="27.2";mAudio.play();link.style.width="100%";return false}
function D(){link.src="http://pan.yinhuabbs.cn/uploads/bzml/jxvideo.html?c=1&p=1&v=1&l=1&hlw=0200fg10000cfc7d1jc77uccgq8nf10";mAudio.src="http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=0SYKNk0BTdDmA0Jy";mAudio.currentTime ="1.2";mAudio.play();link.style.width="100%";return false}
mAudio.addEventListener('ended', () => {
mAudio.src=null;
link.src="http://pan.yinhuabbs.cn/uploads/bzml/jxvideo.html?c=1&p=1&v=0&l=1&hlw=https://15799848.s21v.faiusr.com/58/ABUIABA6GAAgx-PuswYolJH61AM.mp4";
});
link.style.backgroundImage="url('https://wimg.588ku.com/gif620/22/02/16/2eae5d33061e3f0719c7b624dbb42f5c.gif')";
link.style.backgroundRepeat="no-repeat";
link.style.backgroundSize="cover";
link.style.opacity="1";
</script>
爆汁莓驴 发表于 2025-2-17 00:07
还需要微调，两边有空白，小数点范围。。。
微调了，谢谢老师{:1_292:} 很漂亮的制作，还是发到主页能显示的地方，一下就能看到。祝贺！！
祝制作愉快！！
三月梅 发表于 2025-2-17 00:13
很漂亮的制作，还是发到主页能显示的地方，一下就能看到。祝贺！！
祝制作愉快！！
谢谢三月梅老师鼓励，嵌入式网页制作对我也是新课题，视频制作更是新课题，一个一个学吧:lol 爆汁莓驴 发表于 2025-2-17 00:07
还需要微调，两边有空白，小数点范围。。。
“约会阳光”刀郎视频演唱会
自娱，翻唱好；欣赏，原唱好；赵洋这个视频拍的挺好。 我是看不明白啦
:L 澜天 发表于 2025-2-17 17:21
我是看不明白啦
问好澜天超版，我还是个小白，好在可以学习呀，我还想向您学习朗诵呢{:1_292:}
爆汁莓驴老师德才兼备，技术精湛，乐于助人，指导有方，春风化雨，我相信一定会学有进步{:1_293:}
页:
[1]
2