Làm thế nào để bạn ẩn trong html5?

document.addEventListener["DOMContentLoaded", function[] { initialiseMediaPlayer[]; }, false];


function initialiseMediaPlayer[] {

    mediaPlayer = document.getElementById['media-video'];

    mediaPlayer.controls = false;

    mediaPlayer.addEventListener['volumechange', function[e] { 
        // Update the button to be mute/unmute
        if [mediaPlayer.muted] changeButtonType[muteBtn, 'unmute'];
        else changeButtonType[muteBtn, 'mute'];
    }, false];  
    mediaPlayer.addEventListener['ended', function[] { this.pause[]; }, false]; 
}

Để chạy chương trình trên ta lưu tên file “anyName. html[chỉ mục. html]”. Nhấp chuột phải vào tệp và chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Visual Studio Code

đầu ra

Điều này sẽ tạo ra đầu ra sau trên bảng điều khiển -

Trong đầu ra mẫu ở trên, thẻ video đã bị tắt. Nếu bạn muốn kích hoạt, chỉ cần bình luận dòng trên i. e

Để ẩn một phần tử trong bố cục đáp ứng, chúng ta cần sử dụng thuộc tính hiển thị CSS được đặt thành giá trị "none" cùng với quy tắc @media. Nội dung thứ hai

phần tử có lớp "hidden-mobile" sẽ bị ẩn trên các thiết bị nhỏ hơn 767px

  
    
    
  
  
    Hi
    
There is some text for example.
    
This text will be hidden on large devices.
    
There is some text for example.
  

Để hiển thị một phần tử trên các thiết bị siêu nhỏ [điện thoại