Tutorial 2x Suggestion Free YouTube Sharing - Ẩn đề xuất chia sẻ Youtube XenForo 2

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,142
Được Like
12,745
Suggestion Free YouTube Sharing - Ẩn đề xuất chia sẻ Youtube XenForo 2

Nhiều người đang chia sẻ video YouTube trên trang của họ hoặc trên các trang khác hàng ngày.

Một số người muốn ẩn đề xuất video hiển thị sau khi video hoàn thành được chia sẻ, vì vậy bài viết này sẽ ẩn phần chia sẻ video này bằng cách sửa đổi BB Code mặc định của YouTube cho Media Site.

Cách làm như sau:
  1. Đăng nhập vào ACP của bạn.
  2. Nhấp vào BB Code Media Sites dưới Content.
  3. Cuộn xuống và nhấp vào YouTube.
  4. Tiếp tục cuộn và tìm hộp Embed template.
  5. Thay tất cả đoạn code trong đó bằng đoạn code sau:
    Mã:
    <div align="center">
    <style>#playerWrap{display: inline-block; position: relative;}#playerWrap.shown::after{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; background-color: black; background-repeat: no-repeat; background-position: center; background-size: 64px 64px; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);}</style><div id="playerWrapOuter"> <div id="playerWrap"> <iframe width="640" height="360" src="https://www.youtube.com/embed/{$id}?rel=0&enablejsapi=1" frameborder="0" ></iframe></div></div><script>(function(){let playerFrame=document.currentScript.previousElementSibling.querySelector("iframe"); let tag=document.createElement('script'); tag.src="https://www.youtube.com/iframe_api"; let firstScriptTag=document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); let player; window.onYouTubeIframeAPIReady=function(){player=new YT.Player(playerFrame,{events:{'onStateChange': onPlayerStateChange}});}; window.onPlayerStateChange=function(event){if (event.data==YT.PlayerState.ENDED){document.getElementById("playerWrap").classList.add("shown");}}; document.getElementById("playerWrap").addEventListener("click", function(){player.seekTo(0); document.getElementById("playerWrap").classList.remove("shown");});})();</script>
    </div>
Lưu lại là xong.

Hướng dẫn này chỉ thay đổi một phần mã chia sẻ, cách chia sẻ video YouTube sẽ vẫn như cũ.

Chúc các bạn thành công.


Nguồn: xenforo.com​
 

PhuongBinzz

Moderator
Thành viên BQT
Tham gia
21/07/2016
Bài viết
1,255
Được Like
477
vậy tính ra mã ngày nhiều line hơn :D
Mã:
<div class="bbMediaWrapper">
    <div class="bbMediaWrapper-inner">
        <iframe src="https://www.youtube.com/embed/{$id}?wmode=opaque&start={$start}"
                width="560" height="315"
                frameborder="0" allowfullscreen="true"></iframe>
    </div>
</div>
 

Top Bottom