我正在尝试将带有侧边栏的youtube播放列表嵌入我的html页面。
播放列表本身可以通过以下html代码嵌入:
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLMC9KNkIncKtPzgY-5rmhvj7fax8fdxoj" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="1"/>
Run Code Online (Sandbox Code Playgroud)
这将显示播放列表,但没有侧边栏。因此,我现在要在youtube播放列表显示旁边添加侧边栏。
所以最终的视图应该是这样的:
侧栏项目应为下一个视频的缩略图。您应该能够滚动/导航到播放列表中未显示的下一个/上一个视频。当您单击侧栏项目时,显示的视频应更新为单击的视频,而侧栏应更新为下一个可用的视频。
在youtube播放列表上,边栏显示如下:
因此,我们希望仅通过图像缩略图更改侧边栏。因此youtube侧栏的外观更加“干净”。
注意:解决方案应仅使用html / css / javascript。
这两个问题是相同的:
但是这些都是从很久以前开始的,iframe和插件解决方案似乎都不再起作用。
谢谢你的帮助!
编辑: 基于答案的运行示例
我有一个radioGroup

在哪里onChangeListener更改主题
我想实现这一点:
当您检查黑暗无线电时,动画将从黑暗无线电的位置开始
如果您检查光,它将从光开始等
如何在andoid应用程序中制作这种动画?
我的完整主题更改代码:
public void chooseTheme(MenuItem item) {
final AlertDialog.Builder alert = new AlertDialog.Builder(MainActivity.this);
final View mView = getLayoutInflater().inflate(R.layout.dialog_theme,null);
Button btn_cancel = mView.findViewById(R.id.btn_cancel);
Button btn_okay = mView.findViewById(R.id.btn_okay);
alert.setView(mView);
final AlertDialog alertDialog = alert.create();
alertDialog.setCanceledOnTouchOutside(false);
final RadioGroup themeGroup = mView.findViewById(R.id.themeGroup);
btn_cancel.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
alertDialog.dismiss();
}
});
themeGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@SuppressLint("NonConstantResourceId")
@Override
public void onCheckedChanged(RadioGroup themeGroup, int i) {
switch(i) {
case R.id.radioLight:
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
setTheme(R.style.AppTheme);
Toast.makeText(getApplicationContext(),"Light mode",Toast.LENGTH_LONG).show(); …Run Code Online (Sandbox Code Playgroud) 我正在尝试获取仅允许字母(小写和大写)的editTextview。
可以使用以下代码:
edittv.setKeyListener(DigitsKeyListener.getInstance("abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"));
Run Code Online (Sandbox Code Playgroud)
问题是我得到了这样的数字键盘:
回到普通的键盘,我找到了以下代码:
edittv.setKeyListener(DigitsKeyListener.getInstance("abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"));
edittv.setInputType(InputType.TYPE_CLASS_TEXT);
Run Code Online (Sandbox Code Playgroud)
它可以使键盘恢复原状,但随后所有字符都可以再次使用,因此撤消了先前的代码。
因此,我怎么只能以编程方式只允许使用字母键盘的字母。
这不是一个编程问题,而是 android-studio 编辑器中的一个不便。
如果在所有行之前有一个不需要的制表符,如何一次将它们全部删除?现在我必须手动删除 50 多行来删除所有选项卡,以使我的代码看起来干净。
如果您想一次添加多个选项卡,只需选择所有代码并按选项卡按钮即可。所以我正在寻找相反的情况。